HEX Color #660F92 (Indigo)

About #660F92

The precise color #660F92 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Indigo. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 15, and 146.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 30% C, 90% M, 0% Y, and 43% K. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#660F92

RGB102, 15, 146

HSL279.8°, 81.4%, 31.6%

CMYK30%, 90%, 0%, 43%

HSV279.8°, 89.7%, 57.3%

LAB27.4, 55.3, -51.8

XYZ10.8, 5.2, 27.6

Decimal6688658

Color Harmonies

Complementary

#660F92 #3A920F

Analogous

#240F92 #920F7C

Triadic

#92660F #0F9266

Tetradic

#92240F #3A920F #0F7C92

Tints, Shades & Tones

Tints (Adding White)

#660F92

#77299E

#8844AA

#995FB6

#AA79C2

#BB94CE

#CCAFDA

#DDC9E6

#EEE4F2

#FFFFFF

Shades (Adding Black)

#660F92

#5A0D81

#4F0B71

#440A61

#380851

#2D0640

#220530

#160320

#0B0110

#000000

WCAG Contrast Accessibility

10.25:1

Text on #FFFFFF

AAA

2.05:1

Text on #000000

FAIL

9.80:1

Text on #F8FAFC

AAA

1.74:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #660F92; }

.text-color { color: #660F92; }

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

Similar Colors

Indigo

#4B0082