#CCF992

#CCF992

Color Values

HEX

#CCF992

RGB

204, 249, 146

HSL

86.2, 89.6%, 77.5%

HSV

86.2, 41.4%, 97.6%

CMYK

18.1%, 0.0%, 41.4%, 2.4%

OKLCH

0.9277 0.1387 128.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CCF992

#BF92F9

Analogous

#F9F392

#99F992

#CCF992

Triadic

#CCF992

#92CCF9

#F992CC

Split Complementary

#CCF992

#9299F9

#F392F9

Tetradic

#CCF992

#92F9F3

#BF92F9

#F99299

Color Blindness Simulation

Original

#CCF992

Protanopia

#DFE0AB

Deuteranopia

#DDDAB1

Tritanopia

#CEBFC3

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFBE0
200
#DFFBBB
300
#C9F98B
400
#ABF54C
500
#8EF20D
600
#72C10B
700
#5B9B08
800
#477907
900
#355809
950
#223706

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026