#CBEEF3

#CBEEF3

Color Values

HEX

#CBEEF3

RGB

203, 238, 243

HSL

187,5, 62,5%, 87,5%

HSV

187,5, 16,5%, 95,3%

CMYK

16,5%, 2,1%, 0,0%, 4,7%

OKLCH

0,9256 0,037 207,0

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CBEEF3

#F3D0CB

Analogous

#CBF3E4

#CBDAF3

#CBEEF3

Triadic

#CBEEF3

#F3CBEE

#EEF3CB

Split Complementary

#CBEEF3

#F3CBDA

#F3E4CB

Tetradic

#CBEEF3

#E4CBF3

#F3D0CB

#DAF3CB

Color Blindness Simulation

Original

#CBEEF3

Protanopia

#DADAF2

Deuteranopia

#D8D6F2

Tritanopia

#CDF1F1

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F4F7
200
#C5ECF2
300
#9CDEE8
400
#66CDDC
500
#30BBCF
600
#2696A6
700
#1F7885
800
#185E68
900
#15454C
950
#0D2C30

Contrast Checker

Text on white

1,23:1

AA Fail AAA Fail

Text on black

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