#CAF9AE

#CAF9AE

Color Values

HEX

#CAF9AE

RGB

202, 249, 174

HSL

97.6, 86.2%, 82.9%

HSV

97.6, 30.1%, 97.6%

CMYK

18.9%, 0.0%, 30.1%, 2.4%

OKLCH

0.9312 0.1095 134.2

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAF9AE

#DDAEF9

Analogous

#EFF9AE

#AEF9B7

#CAF9AE

Triadic

#CAF9AE

#AECAF9

#F9AECA

Split Complementary

#CAF9AE

#B7AEF9

#F9AEEF

Tetradic

#CAF9AE

#AEEFF9

#DDAEF9

#F9B7AE

Color Blindness Simulation

Original

#CAF9AE

Protanopia

#DEDFC0

Deuteranopia

#DCD8C4

Tritanopia

#CCCED2

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFAE0
200
#D4FABD
300
#B4F78D
400
#8CF24F
500
#64ED12
600
#50BE0E
700
#40980B
800
#327709
900
#27560B
950
#193607

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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