#667299

#667299

Color Values

HEX

#667299

RGB

102, 114, 153

HSL

225.9, 20.0%, 50.0%

HSV

225.9, 33.3%, 60.0%

CMYK

33.3%, 25.5%, 0.0%, 40.0%

OKLCH

0.5575 0.0625 271.1

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#667299

#998D66

Analogous

#668B99

#746699

#667299

Triadic

#667299

#996672

#729966

Split Complementary

#667299

#997466

#8B9966

Tetradic

#667299

#99668B

#998D66

#669974

Color Blindness Simulation

Original

#667299

Protanopia

#6B6B90

Deuteranopia

#6A6A8D

Tritanopia

#678886

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D4D8E2
300
#B6BBCE
400
#8E97B4
500
#667299
600
#525B7A
700
#414962
800
#33394D
900
#282C39
950
#191C24

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43: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