#ADCDC9

#ADCDC9

Color Values

HEX

#ADCDC9

RGB

173, 205, 201

HSL

172,5, 24,2%, 74,1%

HSV

172,5, 15,6%, 80,4%

CMYK

15,6%, 0,0%, 2,0%, 19,6%

OKLCH

0,8237 0,0346 187,3

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ADCDC9

#CDADB1

Analogous

#ADCDB9

#ADC1CD

#ADCDC9

Triadic

#ADCDC9

#C9ADCD

#CDC9AD

Split Complementary

#ADCDC9

#CDADC1

#CDB9AD

Tetradic

#ADCDC9

#B9ADCD

#CDADB1

#C1CDAD

Color Blindness Simulation

Original

#ADCDC9

Protanopia

#BBBBCA

Deuteranopia

#B9B7CA

Tritanopia

#AFCBCB

Achromatopsia

#C6C6C6

CSS Usage

background-color: #ADCDC9;
color: #ADCDC9;
border-color: #ADCDC9;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D3E4E2
300
#B3D1CD
400
#8AB7B2
500
#619E97
600
#4D7F79
700
#3E6560
800
#304F4B
900
#263B38
950
#182524

Contrast Checker

Text on white

1,7:1

AA Fail AAA Fail

Text on black

12,35: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