#CBF2B4

#CBF2B4

Color Values

HEX

#CBF2B4

RGB

203, 242, 180

HSL

97.7, 70.5%, 82.7%

HSV

97.7, 25.6%, 94.9%

CMYK

16.1%, 0.0%, 25.6%, 5.1%

OKLCH

0.918 0.0915 134.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CBF2B4

#DBB4F2

Analogous

#EAF2B4

#B4F2BC

#CBF2B4

Triadic

#CBF2B4

#B4CBF2

#F2B4CB

Split Complementary

#CBF2B4

#BCB4F2

#F2B4EA

Tetradic

#CBF2B4

#B4EAF2

#DBB4F2

#F2BCB4

Color Blindness Simulation

Original

#CBF2B4

Protanopia

#DCDCC3

Deuteranopia

#DAD7C7

Tritanopia

#CDCFD1

Achromatopsia

#E5E5E5

CSS Usage

background-color: #CBF2B4;
color: #CBF2B4;
border-color: #CBF2B4;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F6FCF3
100
#EAF8E2
200
#D5F4C2
300
#B7ED97
400
#90E35E
500
#68D926
600
#54AE1E
700
#438B18
800
#346D13
900
#294F12
950
#1A320B

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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