#CCFB46

#CCFB46

Color Values

HEX

#CCFB46

RGB

204, 251, 70

HSL

75.6, 95.8%, 62.9%

HSV

75.6, 72.1%, 98.4%

CMYK

18.7%, 0.0%, 72.1%, 1.6%

OKLCH

0.924 0.204 123.3

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#CCFB46

#7546FB

Analogous

#FBD046

#71FB46

#CCFB46

Triadic

#CCFB46

#46CCFB

#FB46CC

Split Complementary

#CCFB46

#4671FB

#D046FB

Tetradic

#CCFB46

#46FBD0

#7546FB

#FB4671

Color Blindness Simulation

Original

#CCFB46

Protanopia

#E0E172

Deuteranopia

#DEDA7C

Tritanopia

#CE949C

Achromatopsia

#E4E4E4

CSS Usage

background-color: #CCFB46;
color: #CCFB46;
border-color: #CCFB46;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FAFEF1
100
#F4FCDF
200
#ECFEB9
300
#DEFC87
400
#CCFB46
500
#BAFA05
600
#95C804
700
#77A003
800
#5D7D03
900
#455A07
950
#2B3904

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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