#CAFF42

#CAFF42

Color Values

HEX

#CAFF42

RGB

202, 255, 66

HSL

76.8, 100.0%, 62.9%

HSV

76.8, 74.1%, 100.0%

CMYK

20.8%, 0.0%, 74.1%, 0.0%

OKLCH

0.9313 0.2116 124.5

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#CAFF42

#7742FF

Analogous

#FFD542

#6BFF42

#CAFF42

Triadic

#CAFF42

#42CAFF

#FF42CA

Split Complementary

#CAFF42

#426BFF

#D542FF

Tetradic

#CAFF42

#42FFD5

#7742FF

#FF426B

Color Blindness Simulation

Original

#CAFF42

Protanopia

#E1E170

Deuteranopia

#DEDA7B

Tritanopia

#CD949C

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F4FCDE
200
#EBFFB8
300
#DDFF85
400
#CAFF42
500
#B8FF00
600
#93CC00
700
#76A300
800
#5C8000
900
#445C05
950
#2B3A03

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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