#CBE8F4

#CBE8F4

Color Values

HEX

#CBE8F4

RGB

203, 232, 244

HSL

197.6, 65.1%, 87.6%

HSV

197.6, 16.8%, 95.7%

CMYK

16.8%, 4.9%, 0.0%, 4.3%

OKLCH

0.9136 0.0347 224.6

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#CBE8F4

#F4D7CB

Analogous

#CBF4EB

#CBD3F4

#CBE8F4

Triadic

#CBE8F4

#F4CBE8

#E8F4CB

Split Complementary

#CBE8F4

#F4CBD3

#F4EBCB

Tetradic

#CBE8F4

#EBCBF4

#F4D7CB

#D3F4CB

Color Blindness Simulation

Original

#CBE8F4

Protanopia

#D8D8F1

Deuteranopia

#D6D4F0

Tritanopia

#CCEFEE

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F1F7
200
#C4E5F3
300
#9AD2EA
400
#63BADE
500
#2CA2D3
600
#2481A8
700
#1C6887
800
#165169
900
#143C4D
950
#0D2631

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026