#ADC3B7

#ADC3B7

Color Values

HEX

#ADC3B7

RGB

173, 195, 183

HSL

147.3, 15.5%, 72.2%

HSV

147.3, 11.3%, 76.5%

CMYK

11.3%, 0.0%, 6.2%, 23.5%

OKLCH

0.7971 0.0293 161.9

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#ADC3B7

#C3ADB9

Analogous

#AEC3AD

#ADC3C2

#ADC3B7

Triadic

#ADC3B7

#B7ADC3

#C3B7AD

Split Complementary

#ADC3B7

#C2ADC3

#C3ADAE

Tetradic

#ADC3B7

#ADAEC3

#C3ADB9

#C3C2AD

Color Blindness Simulation

Original

#ADC3B7

Protanopia

#B7B7BA

Deuteranopia

#B5B4BB

Tritanopia

#AEBCBD

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0ED
200
#D6E1DB
300
#B8CBC1
400
#92AF9F
500
#6C937E
600
#567665
700
#455E50
800
#364A3F
900
#2A3730
950
#1A231E

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026