#ADCECF

#ADCECF

Color Values

HEX

#ADCECF

RGB

173, 206, 207

HSL

181.8, 26.2%, 74.5%

HSV

181.8, 16.4%, 81.2%

CMYK

16.4%, 0.5%, 0.0%, 18.8%

OKLCH

0.8276 0.0352 198.8

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ADCECF

#CFAEAD

Analogous

#ADCFBF

#ADBDCF

#ADCECF

Triadic

#ADCECF

#CFADCE

#CECFAD

Split Complementary

#ADCECF

#CFADBD

#CFBFAD

Tetradic

#ADCECF

#BFADCF

#CFAEAD

#BDCFAD

Color Blindness Simulation

Original

#ADCECF

Protanopia

#BBBCCF

Deuteranopia

#B9B7CF

Tritanopia

#AFCFCF

Achromatopsia

#C7C7C7

CSS Usage

background-color: #ADCECF;
color: #ADCECF;
border-color: #ADCECF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E4E5
300
#B2D1D2
400
#88B8B9
500
#5E9FA1
600
#4B7F81
700
#3C6667
800
#2F4F50
900
#253B3C
950
#172526

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026