#667AAA

#667AAA

Color Values

HEX

#667AAA

RGB

102, 122, 170

HSL

222.4, 28.6%, 53.3%

HSV

222.4, 40.0%, 66.7%

CMYK

40.0%, 28.2%, 0.0%, 33.3%

OKLCH

0.583 0.0779 266.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#667AAA

#AA9666

Analogous

#669CAA

#7466AA

#667AAA

Triadic

#667AAA

#AA667A

#7AAA66

Split Complementary

#667AAA

#AA7466

#9CAA66

Tetradic

#667AAA

#AA669C

#AA9666

#66AA74

Color Blindness Simulation

Original

#667AAA

Protanopia

#6F6F9E

Deuteranopia

#6E6C9C

Tritanopia

#679593

Achromatopsia

#797979

CSS Usage

background-color: #667AAA;
color: #667AAA;
border-color: #667AAA;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9EBF1
200
#D1D7E6
300
#B0BBD3
400
#8695BC
500
#5B70A4
600
#495A83
700
#3A4869
800
#2E3852
900
#242B3D
950
#171B26

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

4.93:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026