#CAF5AE

#CAF5AE

Color Values

HEX

#CAF5AE

RGB

202, 245, 174

HSL

96.3, 78.0%, 82.2%

HSV

96.3, 29.0%, 96.1%

CMYK

17.6%, 0.0%, 29.0%, 3.9%

OKLCH

0.9226 0.1034 133.5

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#CAF5AE

#D9AEF5

Analogous

#EEF5AE

#AEF5B6

#CAF5AE

Triadic

#CAF5AE

#AECAF5

#F5AECA

Split Complementary

#CAF5AE

#B6AEF5

#F5AEEE

Tetradic

#CAF5AE

#AEEEF5

#D9AEF5

#F5B6AE

Color Blindness Simulation

Original

#CAF5AE

Protanopia

#DDDDBF

Deuteranopia

#DAD7C3

Tritanopia

#CCCDD0

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F6FCF2
100
#EBF9E1
200
#D5F7BF
300
#B8F292
400
#91EA57
500
#6BE31C
600
#55B616
700
#449112
800
#35710E
900
#29520E
950
#1A3409

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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