#CCEF9B

#CCEF9B

Color Values

HEX

#CCEF9B

RGB

204, 239, 155

HSL

85.0, 72.4%, 77.3%

HSV

85.0, 35.1%, 93.7%

CMYK

14.6%, 0.0%, 35.1%, 6.3%

OKLCH

0.9074 0.1146 126.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CCEF9B

#BE9BEF

Analogous

#EFE89B

#A2EF9B

#CCEF9B

Triadic

#CCEF9B

#9BCCEF

#EF9BCC

Split Complementary

#CCEF9B

#9BA2EF

#E89BEF

Tetradic

#CCEF9B

#9BEFE8

#BE9BEF

#EF9BA2

Color Blindness Simulation

Original

#CCEF9B

Protanopia

#DBDBAF

Deuteranopia

#D9D6B4

Tritanopia

#CEBFC3

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EFF8E2
200
#E0F5C1
300
#C9EE95
400
#ACE55C
500
#8FDC23
600
#72B01C
700
#5B8D17
800
#476E12
900
#365011
950
#22330B

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026