#CBFAE3

#CBFAE3

Color Values

HEX

#CBFAE3

RGB

203, 250, 227

HSL

150.6, 82.5%, 88.8%

HSV

150.6, 18.8%, 98.0%

CMYK

18.8%, 0.0%, 9.2%, 2.0%

OKLCH

0.9461 0.0572 164.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CBFAE3

#FACBE2

Analogous

#CBFACB

#CBFAFA

#CBFAE3

Triadic

#CBFAE3

#E3CBFA

#FAE3CB

Split Complementary

#CBFAE3

#FACBFA

#FACBCB

Tetradic

#CBFAE3

#CBCBFA

#FACBE2

#FAFACB

Color Blindness Simulation

Original

#CBFAE3

Protanopia

#DFE0E9

Deuteranopia

#DDD9EA

Tritanopia

#CDEDEE

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E1FAED
200
#BEF9DC
300
#8FF4C3
400
#53EEA2
500
#16E982
600
#12BA68
700
#0E9553
800
#0B7441
900
#0C5431
950
#08351F

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.32:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026