HEX Color #F875F0 (Violet)

About #F875F0

The precise color #F875F0 is an excellent choice for modern design projects. It is closely associated with the named CSS color Violet. To achieve this exact tint on a monitor, you would use an RGB mix of 248, 117, and 240.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 0% cyan and 53% magenta inks. With a hue angle of 303.7 degrees, it sits comfortably in the magenta spectrum.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#F875F0

RGB248, 117, 240

HSL303.7°, 90.3%, 71.6%

CMYK0%, 53%, 3%, 3%

HSV303.7°, 52.8%, 97.3%

LAB68.7, 65.6, -39.3

XYZ60.8, 39.0, 86.8

Decimal16283120

Color Harmonies

Complementary

#F875F0 #74F87D

Analogous

#BE74F8 #F874AE

Triadic

#EFF874 #74F0F8

Tetradic

#F8BE74 #74F87D #74AEF8

Tints, Shades & Tones

Tints (Adding White)

#F875F0

#F884F1

#F993F3

#FAA3F5

#FBB2F6

#FBC1F8

#FCD1FA

#FDE0FB

#FEEFFD

#FFFFFF

Shades (Adding Black)

#F875F0

#DC68D5

#C05BBA

#A54EA0

#894185

#6E346A

#522750

#371A35

#1B0D1A

#000000

WCAG Contrast Accessibility

2.39:1

Text on #FFFFFF

FAIL

8.79:1

Text on #000000

AAA

2.28:1

Text on #F8FAFC

FAIL

7.48:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #F875F0; }

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

Similar Colors

Violet

#EE82EE