#CAFB46

#CAFB46

Color Values

HEX

#CAFB46

RGB

202, 251, 70

HSL

76.2, 95.8%, 62.9%

HSV

76.2, 72.1%, 98.4%

CMYK

19.5%, 0.0%, 72.1%, 1.6%

OKLCH

0.9226 0.2049 123.8

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#CAFB46

#7746FB

Analogous

#FBD146

#6FFB46

#CAFB46

Triadic

#CAFB46

#46CAFB

#FB46CA

Split Complementary

#CAFB46

#466FFB

#D146FB

Tetradic

#CAFB46

#46FBD1

#7746FB

#FB466F

Color Blindness Simulation

Original

#CAFB46

Protanopia

#DFE072

Deuteranopia

#DCD97C

Tritanopia

#CC949C

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F4FCDF
200
#EBFEB9
300
#DDFC87
400
#CAFB46
500
#B8FA05
600
#93C804
700
#76A003
800
#5C7D03
900
#445A07
950
#2B3904

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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