#CBF8DD

#CBF8DD

Color Values

HEX

#CBF8DD

RGB

203, 248, 221

HSL

144.0, 76.3%, 88.4%

HSV

144.0, 18.1%, 97.3%

CMYK

18.1%, 0.0%, 10.9%, 2.7%

OKLCH

0.9403 0.0588 158.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CBF8DD

#F8CBE6

Analogous

#CFF8CB

#CBF8F3

#CBF8DD

Triadic

#CBF8DD

#DDCBF8

#F8DDCB

Split Complementary

#CBF8DD

#F3CBF8

#F8CBCF

Tetradic

#CBF8DD

#CBCFF8

#F8CBE6

#F8F3CB

Color Blindness Simulation

Original

#CBF8DD

Protanopia

#DEDFE4

Deuteranopia

#DCD8E5

Tritanopia

#CDE9EA

Achromatopsia

#ECECEC

CSS Usage

background-color: #CBF8DD;
color: #CBF8DD;
border-color: #CBF8DD;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F2FCF6
100
#E2F9EB
200
#C0F7D6
300
#93F0B8
400
#59E992
500
#1EE16C
600
#18B456
700
#139045
800
#0F7036
900
#0F522A
950
#0A341A

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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