#CBF297

#CBF297

Color Values

HEX

#CBF297

RGB

203, 242, 151

HSL

85.7, 77.8%, 77.1%

HSV

85.7, 37.6%, 94.9%

CMYK

16.1%, 0.0%, 37.6%, 5.1%

OKLCH

0.9126 0.1238 127.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CBF297

#BE97F2

Analogous

#F2EC97

#9EF297

#CBF297

Triadic

#CBF297

#97CBF2

#F297CB

Split Complementary

#CBF297

#979EF2

#EC97F2

Tetradic

#CBF297

#97F2EC

#BE97F2

#F2979E

Color Blindness Simulation

Original

#CBF297

Protanopia

#DCDCAD

Deuteranopia

#DAD7B2

Tritanopia

#CDBEC2

Achromatopsia

#E3E3E3

CSS Usage

background-color: #CBF297;
color: #CBF297;
border-color: #CBF297;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FCF2
100
#EFF9E1
200
#DFF7C0
300
#C9F192
400
#ABEA57
500
#8EE31C
600
#71B517
700
#5B9112
800
#47710E
900
#35520F
950
#223409

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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