#CBF4EF

#CBF4EF

Color Values

HEX

#CBF4EF

RGB

203, 244, 239

HSL

172.7, 65.1%, 87.6%

HSV

172.7, 16.8%, 95.7%

CMYK

16.8%, 0.0%, 2.0%, 4.3%

OKLCH

0.9369 0.0428 187.4

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CBF4EF

#F4CBD0

Analogous

#CBF4DA

#CBE4F4

#CBF4EF

Triadic

#CBF4EF

#EFCBF4

#F4EFCB

Split Complementary

#CBF4EF

#F4CBE4

#F4DACB

Tetradic

#CBF4EF

#DACBF4

#F4CBD0

#E4F4CB

Color Blindness Simulation

Original

#CBF4EF

Protanopia

#DDDDF0

Deuteranopia

#DAD7F0

Tritanopia

#CDF1F1

Achromatopsia

#EBEBEB

CSS Usage

background-color: #CBF4EF;
color: #CBF4EF;
border-color: #CBF4EF;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F3ED
300
#9AEAE0
400
#63DECF
500
#2CD3BE
600
#24A898
700
#1C877A
800
#16695F
900
#144D46
950
#0D312C

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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