HEX Color #6607A0 (Indigo)

About #6607A0

The precise color #6607A0 is an excellent choice for modern design projects. It is closely associated with the named CSS color Indigo. Its digital footprint relies on 102 parts red, 7 parts green, and 160 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 36% cyan, 96% magenta, 0% yellow, and 37% black. The HSL representation is 277.3° hue, 91.6% saturation, and 32.7% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#6607A0

RGB102, 7, 160

HSL277.3°, 91.6%, 32.7%

CMYK36%, 96%, 0%, 37%

HSV277.3°, 95.6%, 62.7%

LAB28.2, 59.8, -59.2

XYZ11.9, 5.5, 33.7

Decimal6686624

Color Harmonies

Complementary

#6607A0 #409F07

Analogous

#19079F #9F078D

Triadic

#9F6507 #079F65

Tetradic

#9F1907 #409F07 #078D9F

Tints, Shades & Tones

Tints (Adding White)

#6607A0

#7722AA

#883EB5

#9959BF

#AA75CA

#BB90D4

#CCACDF

#DDC7E9

#EEE3F4

#FFFFFF

Shades (Adding Black)

#6607A0

#5A068E

#4F057C

#44046A

#380358

#2D0347

#220235

#160123

#0B0011

#000000

WCAG Contrast Accessibility

9.99:1

Text on #FFFFFF

AAA

2.10:1

Text on #000000

FAIL

9.54:1

Text on #F8FAFC

AAA

1.79:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #6607A0; }

.text-color { color: #6607A0; }

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

Similar Colors

Indigo

#4B0082