#CBEFF8

#CBEFF8

Color Values

HEX

#CBEFF8

RGB

203, 239, 248

HSL

192.0, 76.3%, 88.4%

HSV

192.0, 18.1%, 97.3%

CMYK

18.1%, 3.6%, 0.0%, 2.7%

OKLCH

0.9292 0.0393 214.5

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#CBEFF8

#F8D4CB

Analogous

#CBF8EA

#CBD8F8

#CBEFF8

Triadic

#CBEFF8

#F8CBEF

#EFF8CB

Split Complementary

#CBEFF8

#F8CBD8

#F8EACB

Tetradic

#CBEFF8

#EACBF8

#F8D4CB

#D8F8CB

Color Blindness Simulation

Original

#CBEFF8

Protanopia

#DBDBF6

Deuteranopia

#D8D6F5

Tritanopia

#CDF4F4

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F2FAFC
100
#E2F4F9
200
#C0ECF7
300
#93DEF0
400
#59CCE9
500
#1EBAE1
600
#1895B4
700
#137790
800
#0F5D70
900
#0F4452
950
#0A2B34

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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