#66A2AF

#66A2AF

Color Values

HEX

#66A2AF

RGB

102, 162, 175

HSL

190.7, 31.3%, 54.3%

HSV

190.7, 41.7%, 68.6%

CMYK

41.7%, 7.4%, 0.0%, 31.4%

OKLCH

0.6761 0.065 212.9

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#66A2AF

#AF7366

Analogous

#66AF97

#667DAF

#66A2AF

Triadic

#66A2AF

#AF66A2

#A2AF66

Split Complementary

#66A2AF

#AF667D

#AF9766

Tetradic

#66A2AF

#9766AF

#AF7366

#7DAF66

Color Blindness Simulation

Original

#66A2AF

Protanopia

#8081AC

Deuteranopia

#7C78AB

Tritanopia

#69A9A9

Achromatopsia

#969696

CSS Usage

background-color: #66A2AF;
color: #66A2AF;
border-color: #66A2AF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E2E6
300
#AFCED5
400
#83B4BE
500
#5899A7
600
#467B86
700
#38626B
800
#2C4D54
900
#23393E
950
#162427

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.35:1

AA Pass AAA Pass

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