#667993

#667993

Color Values

HEX

#667993

RGB

102, 121, 147

HSL

214.7, 18.1%, 48.8%

HSV

214.7, 30.6%, 57.6%

CMYK

30.6%, 17.7%, 0.0%, 42.4%

OKLCH

0.5705 0.0462 256.3

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#667993

#938066

Analogous

#668F93

#696693

#667993

Triadic

#667993

#936679

#799366

Split Complementary

#667993

#936966

#8F9366

Tetradic

#667993

#93668F

#938066

#669369

Color Blindness Simulation

Original

#667993

Protanopia

#6E6E8D

Deuteranopia

#6D6C8B

Tritanopia

#678887

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DAE2
300
#B7C0CD
400
#909EB2
500
#687C97
600
#546378
700
#434F60
800
#343E4B
900
#292F38
950
#1A1E24

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026