#CAFA93

#CAFA93

Color Values

HEX

#CAFA93

RGB

202, 250, 147

HSL

88.0, 91.2%, 77.8%

HSV

88.0, 41.2%, 98.0%

CMYK

19.2%, 0.0%, 41.2%, 2.0%

OKLCH

0.9287 0.14 129.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAFA93

#C393FA

Analogous

#FAF793

#96FA93

#CAFA93

Triadic

#CAFA93

#93CAFA

#FA93CA

Split Complementary

#CAFA93

#9396FA

#F793FA

Tetradic

#CAFA93

#93FAF7

#C393FA

#FA9396

Color Blindness Simulation

Original

#CAFA93

Protanopia

#DFDFAC

Deuteranopia

#DCD8B2

Tritanopia

#CCC0C4

Achromatopsia

#E8E8E8

CSS Usage

background-color: #CAFA93;
color: #CAFA93;
border-color: #CAFA93;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DDFCBB
300
#C6FA8A
400
#A6F74B
500
#87F40B
600
#6CC309
700
#579C07
800
#447A06
900
#335809
950
#203805

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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