#6691AD

#6691AD

Color Values

HEX

#6691AD

RGB

102, 145, 173

HSL

203.7, 30.2%, 53.9%

HSV

203.7, 41.0%, 67.8%

CMYK

41.0%, 16.2%, 0.0%, 32.2%

OKLCH

0.636 0.0632 237.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#6691AD

#AD8266

Analogous

#66ADA5

#666DAD

#6691AD

Triadic

#6691AD

#AD6691

#91AD66

Split Complementary

#6691AD

#AD666D

#ADA566

Tetradic

#6691AD

#A566AD

#AD8266

#6DAD66

Color Blindness Simulation

Original

#6691AD

Protanopia

#7979A6

Deuteranopia

#7673A5

Tritanopia

#68A1A0

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DEE6
300
#AFC6D4
400
#84A7BD
500
#5988A6
600
#476C85
700
#39576A
800
#2C4453
900
#23333E
950
#162027

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.22:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026