#ADC9BD

#ADC9BD

Color Values

HEX

#ADC9BD

RGB

173, 201, 189

HSL

154.3, 20.6%, 73.3%

HSV

154.3, 13.9%, 78.8%

CMYK

13.9%, 0.0%, 6.0%, 21.2%

OKLCH

0.8116 0.0345 167.7

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#ADC9BD

#C9ADB9

Analogous

#ADC9AF

#ADC7C9

#ADC9BD

Triadic

#ADC9BD

#BDADC9

#C9BDAD

Split Complementary

#ADC9BD

#C9ADC7

#C9AFAD

Tetradic

#ADC9BD

#AFADC9

#C9ADB9

#C7C9AD

Color Blindness Simulation

Original

#ADC9BD

Protanopia

#B9B9C0

Deuteranopia

#B8B5C1

Tritanopia

#AEC2C3

Achromatopsia

#C2C2C2

CSS Usage

background-color: #ADC9BD;
color: #ADC9BD;
border-color: #ADC9BD;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DC
300
#B5CEC4
400
#8DB4A3
500
#659A83
600
#517B69
700
#416254
800
#334D42
900
#273932
950
#19241F

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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