#6695AD

#6695AD

Color Values

HEX

#6695AD

RGB

102, 149, 173

HSL

200.3, 30.2%, 53.9%

HSV

200.3, 41.0%, 67.8%

CMYK

41.0%, 13.9%, 0.0%, 32.2%

OKLCH

0.6451 0.0622 231.2

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#6695AD

#AD7E66

Analogous

#66ADA1

#6671AD

#6695AD

Triadic

#6695AD

#AD6695

#95AD66

Split Complementary

#6695AD

#AD6671

#ADA166

Tetradic

#6695AD

#A166AD

#AD7E66

#71AD66

Color Blindness Simulation

Original

#6695AD

Protanopia

#7A7BA7

Deuteranopia

#7874A6

Tritanopia

#68A3A2

Achromatopsia

#8D8D8D

CSS Usage

background-color: #6695AD;
color: #6695AD;
border-color: #6695AD;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1DFE6
300
#AFC8D4
400
#84AABD
500
#598CA6
600
#477085
700
#395A6A
800
#2C4653
900
#23353E
950
#162127

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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