#664CB3

#664CB3

Color Values

HEX

#664CB3

RGB

102, 76, 179

HSL

255.1, 40.4%, 50.0%

HSV

255.1, 57.5%, 70.2%

CMYK

43.0%, 57.5%, 0.0%, 29.8%

OKLCH

0.4977 0.1567 291.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#664CB3

#99B34C

Analogous

#4C66B3

#994CB3

#664CB3

Triadic

#664CB3

#B3664C

#4CB366

Split Complementary

#664CB3

#B3994C

#66B34C

Tetradic

#664CB3

#B34C66

#99B34C

#4CB399

Color Blindness Simulation

Original

#664CB3

Protanopia

#5B5B9A

Deuteranopia

#5C5E94

Tritanopia

#658682

Achromatopsia

#595959

CSS Usage

background-color: #664CB3;
color: #664CB3;
border-color: #664CB3;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CDEA
300
#B6A9DB
400
#8E7BC7
500
#664CB3
600
#523D8F
700
#413173
800
#33265A
900
#281F42
950
#19132A

Contrast Checker

Text on white

6.46:1

AA Pass AAA Fail

Text on black

3.25:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026