#CBEC56

#CBEC56

Color Values

HEX

#CBEC56

RGB

203, 236, 86

HSL

73,2, 79,8%, 63,1%

HSV

73,2, 63,6%, 92,5%

CMYK

14,0%, 0,0%, 63,6%, 7,5%

OKLCH

0,8912 0,1767 120,7

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CBEC56

#7756EC

Analogous

#ECC256

#80EC56

#CBEC56

Triadic

#CBEC56

#56CBEC

#EC56CB

Split Complementary

#CBEC56

#5680EC

#C256EC

Tetradic

#CBEC56

#56ECC2

#7756EC

#EC5680

Color Blindness Simulation

Original

#CBEC56

Protanopia

#D9DA7A

Deuteranopia

#D7D583

Tritanopia

#CD979D

Achromatopsia

#DADADA

CSS Usage

background-color: #CBEC56;
color: #CBEC56;
border-color: #CBEC56;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FAFDF2
100
#F4F9E1
200
#EBF8BF
300
#DDF391
400
#CBEC55
500
#B8E51A
600
#94B715
700
#769310
800
#5C730D
900
#44530E
950
#2B3509

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,67: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