HEX Color #661DA8 (Indigo)

About #661DA8

The precise color #661DA8 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, 29, and 168.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 39% C, 83% M, 0% Y, and 34% K. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#661DA8

RGB102, 29, 168

HSL271.5°, 70.6%, 38.6%

CMYK39%, 83%, 0%, 34%

HSV271.5°, 82.7%, 65.9%

LAB30.7, 56.2, -59.8

XYZ13.0, 6.5, 37.6

Decimal6692264

Color Harmonies

Complementary

#661DA8 #5EA81D

Analogous

#201DA8 #A81DA4

Triadic

#A8661D #1DA866

Tetradic

#A8201D #5EA81D #1DA4A8

Tints, Shades & Tones

Tints (Adding White)

#661DA8

#7736B1

#884FBB

#9968C5

#AA81CE

#BB9AD8

#CCB3E2

#DDCCEB

#EEE5F5

#FFFFFF

Shades (Adding Black)

#661DA8

#5A1995

#4F1682

#441370

#38105D

#2D0C4A

#220938

#160625

#0B0312

#000000

WCAG Contrast Accessibility

9.11:1

Text on #FFFFFF

AAA

2.31:1

Text on #000000

FAIL

8.70:1

Text on #F8FAFC

AAA

1.96:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #661DA8; }

.text-color { color: #661DA8; }

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

Similar Colors

Indigo

#4B0082