HEX Color #F07CAF (Palevioletred)

About #F07CAF

The precise color #F07CAF is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 124, and 175.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 48% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#F07CAF

RGB240, 124, 175

HSL333.6°, 79.5%, 71.4%

CMYK0%, 48%, 27%, 6%

HSV333.6°, 48.3%, 94.1%

LAB66.5, 50.2, -6.5

XYZ50.9, 36.0, 44.8

Decimal15760559

Color Harmonies

Complementary

#F07CAF #7BF0BC

Analogous

#F07BE9 #F0827B

Triadic

#AFF07B #7BAFF0

Tetradic

#E9F07B #7BF0BC #827BF0

Tints, Shades & Tones

Tints (Adding White)

#F07CAF

#F18AB7

#F399C0

#F5A7C9

#F6B6D2

#F8C4DB

#FAD3E4

#FBE1ED

#FDF0F6

#FFFFFF

Shades (Adding Black)

#F07CAF

#D56E9B

#BA6088

#A05274

#854461

#6A374D

#50293A

#351B26

#1A0D13

#000000

WCAG Contrast Accessibility

2.56:1

Text on #FFFFFF

FAIL

8.21:1

Text on #000000

AAA

2.45:1

Text on #F8FAFC

FAIL

6.98:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #F07CAF; }

.text-color { color: #F07CAF; }

.border-color { border: 2px solid #F07CAF; }

Similar Colors

Palevioletred

#DB7093