#CAF7AE

#CAF7AE

Color Values

HEX

#CAF7AE

RGB

202, 247, 174

HSL

97.0, 82.0%, 82.5%

HSV

97.0, 29.6%, 96.9%

CMYK

18.2%, 0.0%, 29.6%, 3.1%

OKLCH

0.9269 0.1064 133.9

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAF7AE

#DBAEF7

Analogous

#EEF7AE

#AEF7B6

#CAF7AE

Triadic

#CAF7AE

#AECAF7

#F7AECA

Split Complementary

#CAF7AE

#B6AEF7

#F7AEEE

Tetradic

#CAF7AE

#AEEEF7

#DBAEF7

#F7B6AE

Color Blindness Simulation

Original

#CAF7AE

Protanopia

#DDDEC0

Deuteranopia

#DBD7C4

Tritanopia

#CCCED1

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFAE1
200
#D4F9BE
300
#B6F490
400
#8FEE53
500
#67E817
600
#52BA12
700
#42950F
800
#34740B
900
#28540D
950
#193508

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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