#CCF49F

#CCF49F

Color Values

HEX

#CCF49F

RGB

204, 244, 159

HSL

88.2, 79.4%, 79.0%

HSV

88.2, 34.8%, 95.7%

CMYK

16.4%, 0.0%, 34.8%, 4.3%

OKLCH

0.9189 0.1176 129.0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CCF49F

#C79FF4

Analogous

#F4F19F

#A1F49F

#CCF49F

Triadic

#CCF49F

#9FCCF4

#F49FCC

Split Complementary

#CCF49F

#9FA1F4

#F19FF4

Tetradic

#CCF49F

#9FF4F1

#C79FF4

#F49FA1

Color Blindness Simulation

Original

#CCF49F

Protanopia

#DDDEB4

Deuteranopia

#DBD8B8

Tritanopia

#CEC4C7

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEF9E1
200
#DDF8BF
300
#C5F291
400
#A5EC56
500
#86E51A
600
#6BB715
700
#559211
800
#43720D
900
#33530E
950
#203409

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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