#CBDADD

#CBDADD

Color Values

HEX

#CBDADD

RGB

203, 218, 221

HSL

190.0, 20.9%, 83.1%

HSV

190.0, 8.1%, 86.7%

CMYK

8.1%, 1.4%, 0.0%, 13.3%

OKLCH

0.8779 0.0167 211.0

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#CBDADD

#DDCECB

Analogous

#CBDDD7

#CBD1DD

#CBDADD

Triadic

#CBDADD

#DDCBDA

#DADDCB

Split Complementary

#CBDADD

#DDCBD1

#DDD7CB

Tetradic

#CBDADD

#D7CBDD

#DDCECB

#D1DDCB

Color Blindness Simulation

Original

#CBDADD

Protanopia

#D1D2DC

Deuteranopia

#D1D0DC

Tritanopia

#CCDCDC

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E3
300
#B5CACF
400
#8DAEB4
500
#65919A
600
#51747B
700
#415D63
800
#32494D
900
#27373A
950
#192224

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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