#CBEAF4

#CBEAF4

Color Values

HEX

#CBEAF4

RGB

203, 234, 244

HSL

194.6, 65.1%, 87.6%

HSV

194.6, 16.8%, 95.7%

CMYK

16.8%, 4.1%, 0.0%, 4.3%

OKLCH

0.9177 0.0353 219.2

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CBEAF4

#F4D5CB

Analogous

#CBF4E9

#CBD5F4

#CBEAF4

Triadic

#CBEAF4

#F4CBEA

#EAF4CB

Split Complementary

#CBEAF4

#F4CBD5

#F4E9CB

Tetradic

#CBEAF4

#E9CBF4

#F4D5CB

#D5F4CB

Color Blindness Simulation

Original

#CBEAF4

Protanopia

#D8D9F2

Deuteranopia

#D7D4F1

Tritanopia

#CDF0EF

Achromatopsia

#E4E4E4

CSS Usage

background-color: #CBEAF4;
color: #CBEAF4;
border-color: #CBEAF4;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F3FAFC
100
#E3F2F7
200
#C4E7F3
300
#9AD6EA
400
#63C0DE
500
#2CAAD3
600
#2488A8
700
#1C6D87
800
#165569
900
#143F4D
950
#0D2831

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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