#6086B3

#6086B3

Color Values

HEX

#6086B3

RGB

96, 134, 179

HSL

212.5, 35.3%, 53.9%

HSV

212.5, 46.4%, 70.2%

CMYK

46.4%, 25.1%, 0.0%, 29.8%

OKLCH

0.6101 0.081 253.2

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#6086B3

#B38D60

Analogous

#60AFB3

#6360B3

#6086B3

Triadic

#6086B3

#B36086

#86B360

Split Complementary

#6086B3

#B36360

#AFB360

Tetradic

#6086B3

#B360AF

#B38D60

#60B363

Color Blindness Simulation

Original

#6086B3

Protanopia

#7071A8

Deuteranopia

#6E6BA6

Tritanopia

#62A09E

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CFDAE8
300
#ACC0D7
400
#7F9EC2
500
#527CAD
600
#42638A
700
#354F6E
800
#293E56
900
#212F40
950
#151E28

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