#CBDFE4

#CBDFE4

Color Values

HEX

#CBDFE4

RGB

203, 223, 228

HSL

192.0, 31.6%, 84.5%

HSV

192.0, 11.0%, 89.4%

CMYK

11.0%, 2.2%, 0.0%, 10.6%

OKLCH

0.8903 0.0225 214.4

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CBDFE4

#E4D0CB

Analogous

#CBE4DC

#CBD2E4

#CBDFE4

Triadic

#CBDFE4

#E4CBDF

#DFE4CB

Split Complementary

#CBDFE4

#E4CBD2

#E4DCCB

Tetradic

#CBDFE4

#DCCBE4

#E4D0CB

#D2E4CB

Color Blindness Simulation

Original

#CBDFE4

Protanopia

#D4D4E3

Deuteranopia

#D2D1E2

Tritanopia

#CCE2E2

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E2E7
300
#AECDD5
400
#83B3BE
500
#5798A8
600
#467986
700
#38616B
800
#2C4C54
900
#23393E
950
#162427

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026