#8AD2D6

#8AD2D6

Color Values

HEX

#8AD2D6

RGB

138, 210, 214

HSL

183.2, 48.1%, 69.0%

HSV

183.2, 35.5%, 83.9%

CMYK

35.5%, 1.9%, 0.0%, 16.1%

OKLCH

0.8179 0.072 200.3

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#8AD2D6

#D68E8A

Analogous

#8AD6B4

#8AACD6

#8AD2D6

Triadic

#8AD2D6

#D68AD2

#D2D68A

Split Complementary

#8AD2D6

#D68AAC

#D6B48A

Tetradic

#8AD2D6

#B48AD6

#D68E8A

#ACD68A

Color Blindness Simulation

Original

#8AD2D6

Protanopia

#A9AAD5

Deuteranopia

#A5A0D5

Tritanopia

#8ED4D4

Achromatopsia

#C3C3C3

CSS Usage

background-color: #8AD2D6;
color: #8AD2D6;
border-color: #8AD2D6;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAEBEC
300
#A4DCDF
400
#73C9CE
500
#42B6BD
600
#359297
700
#2A7579
800
#215B5E
900
#1B4345
950
#112A2C

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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