#CAFFA7

#CAFFA7

Color Values

HEX

#CAFFA7

RGB

202, 255, 167

HSL

96.1, 100.0%, 82.7%

HSV

96.1, 34.5%, 100.0%

CMYK

20.8%, 0.0%, 34.5%, 0.0%

OKLCH

0.9429 0.1262 133.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAFFA7

#DCA7FF

Analogous

#F6FFA7

#A7FFB0

#CAFFA7

Triadic

#CAFFA7

#A7CAFF

#FFA7CA

Split Complementary

#CAFFA7

#B0A7FF

#FFA7F6

Tetradic

#CAFFA7

#A7F6FF

#DCA7FF

#FFB0A7

Color Blindness Simulation

Original

#CAFFA7

Protanopia

#E1E1BC

Deuteranopia

#DEDAC1

Tritanopia

#CDCDD1

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D4FFB8
300
#B5FF85
400
#8DFF42
500
#66FF00
600
#51CC00
700
#41A300
800
#338000
900
#285C05
950
#193A03

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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