#CBF4FC

#CBF4FC

Color Values

HEX

#CBF4FC

RGB

203, 244, 252

HSL

189,8, 89,1%, 89,2%

HSV

189,8, 19,4%, 98,8%

CMYK

19,4%, 3,2%, 0,0%, 1,2%

OKLCH

0,9407 0,0436 210,8

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#CBF4FC

#FCD3CB

Analogous

#CBFCEB

#CBDBFC

#CBF4FC

Triadic

#CBF4FC

#FCCBF4

#F4FCCB

Split Complementary

#CBF4FC

#FCCBDB

#FCEBCB

Tetradic

#CBF4FC

#EBCBFC

#FCD3CB

#DBFCCB

Color Blindness Simulation

Original

#CBF4FC

Protanopia

#DDDDFA

Deuteranopia

#DAD7FA

Tritanopia

#CDF9F8

Achromatopsia

#ECECEC

CSS Usage

background-color: #CBF4FC;
color: #CBF4FC;
border-color: #CBF4FC;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FBFD
100
#E0F6FB
200
#BBF1FB
300
#8BE7F8
400
#4DD9F5
500
#0ECCF1
600
#0BA3C1
700
#09839A
800
#076679
900
#0A4B57
950
#062F37

Contrast Checker

Text on white

1,17:1

AA Fail AAA Fail

Text on black

17,89: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