#CCFF38

#CCFF38

Color Values

HEX

#CCFF38

RGB

204, 255, 56

HSL

75.4, 100.0%, 61.0%

HSV

75.4, 78.0%, 100.0%

CMYK

20.0%, 0.0%, 78.0%, 0.0%

OKLCH

0.9321 0.2155 123.7

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#CCFF38

#6B38FF

Analogous

#FFCF38

#68FF38

#CCFF38

Triadic

#CCFF38

#38CCFF

#FF38CC

Split Complementary

#CCFF38

#3868FF

#CF38FF

Tetradic

#CCFF38

#38FFCF

#6B38FF

#FF3868

Color Blindness Simulation

Original

#CCFF38

Protanopia

#E2E368

Deuteranopia

#DFDB74

Tritanopia

#CF8E97

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FBFEF1
100
#F5FCDE
200
#EDFFB8
300
#E0FF85
400
#CFFF42
500
#BEFF00
600
#98CC00
700
#79A300
800
#5F8000
900
#465C05
950
#2C3A03

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026