#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