#6984B4

#6984B4

Color Values

HEX

#6984B4

RGB

105, 132, 180

HSL

218.4, 33.3%, 55.9%

HSV

218.4, 41.7%, 70.6%

CMYK

41.7%, 26.7%, 0.0%, 29.4%

OKLCH

0.6117 0.0798 261.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6984B4

#B49969

Analogous

#69AAB4

#7469B4

#6984B4

Triadic

#6984B4

#B46984

#84B469

Split Complementary

#6984B4

#B47469

#AAB469

Tetradic

#6984B4

#B469AA

#B49969

#69B474

Color Blindness Simulation

Original

#6984B4

Protanopia

#7575A8

Deuteranopia

#7371A6

Tritanopia

#6A9F9D

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD8E7
300
#ADBCD6
400
#8198C0
500
#5574AA
600
#445C88
700
#364A6D
800
#2B3A55
900
#222C3F
950
#151C28

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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