#8AD5D2

#8AD5D2

Color Values

HEX

#8AD5D2

RGB

138, 213, 210

HSL

177.6, 47.2%, 68.8%

HSV

177.6, 35.2%, 83.5%

CMYK

35.2%, 0.0%, 1.4%, 16.5%

OKLCH

0.8233 0.0746 192.6

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#8AD5D2

#D58A8D

Analogous

#8AD5AC

#8AB2D5

#8AD5D2

Triadic

#8AD5D2

#D28AD5

#D5D28A

Split Complementary

#8AD5D2

#D58AB2

#D5AC8A

Tetradic

#8AD5D2

#AC8AD5

#D58A8D

#B2D58A

Color Blindness Simulation

Original

#8AD5D2

Protanopia

#AAABD3

Deuteranopia

#A6A0D3

Tritanopia

#8ED3D3

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEB
300
#A5DFDC
400
#74CDCA
500
#43BCB7
600
#369692
700
#2B7875
800
#225E5B
900
#1C4543
950
#122C2B

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.53:1

AA Pass AAA Pass

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