#CBF8D3

#CBF8D3

Color Values

HEX

#CBF8D3

RGB

203, 248, 211

HSL

130.7, 76.3%, 88.4%

HSV

130.7, 18.1%, 97.3%

CMYK

18.1%, 0.0%, 14.9%, 2.7%

OKLCH

0.9378 0.0679 150.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CBF8D3

#F8CBF0

Analogous

#D9F8CB

#CBF8E9

#CBF8D3

Triadic

#CBF8D3

#D3CBF8

#F8D3CB

Split Complementary

#CBF8D3

#E9CBF8

#F8CBD9

Tetradic

#CBF8D3

#CBD9F8

#F8CBF0

#F8E9CB

Color Blindness Simulation

Original

#CBF8D3

Protanopia

#DEDFDC

Deuteranopia

#DCD8DE

Tritanopia

#CDE3E5

Achromatopsia

#ECECEC

CSS Usage

background-color: #CBF8D3;
color: #CBF8D3;
border-color: #CBF8D3;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FCF4
100
#E2F9E6
200
#C0F7CA
300
#93F0A4
400
#59E972
500
#1EE141
600
#18B434
700
#13902A
800
#0F7020
900
#0F521B
950
#0A3411

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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