#CAFF38

#CAFF38

Color Values

HEX

#CAFF38

RGB

202, 255, 56

HSL

76.0, 100.0%, 61.0%

HSV

76.0, 78.0%, 100.0%

CMYK

20.8%, 0.0%, 78.0%, 0.0%

OKLCH

0.9308 0.2163 124.2

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#CAFF38

#6D38FF

Analogous

#FFD138

#67FF38

#CAFF38

Triadic

#CAFF38

#38CAFF

#FF38CA

Split Complementary

#CAFF38

#3867FF

#D138FF

Tetradic

#CAFF38

#38FFD1

#6D38FF

#FF3867

Color Blindness Simulation

Original

#CAFF38

Protanopia

#E1E168

Deuteranopia

#DEDA74

Tritanopia

#CD8E97

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F4FCDE
200
#ECFFB8
300
#DEFF85
400
#CDFF42
500
#BBFF00
600
#96CC00
700
#78A300
800
#5E8000
900
#455C05
950
#2B3A03

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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