#CAF9D2

#CAF9D2

Color Values

HEX

#CAF9D2

RGB

202, 249, 210

HSL

130.2, 79.7%, 88.4%

HSV

130.2, 18.9%, 97.6%

CMYK

18.9%, 0.0%, 15.7%, 2.4%

OKLCH

0.939 0.0712 149.8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CAF9D2

#F9CAF1

Analogous

#D9F9CA

#CAF9E9

#CAF9D2

Triadic

#CAF9D2

#D2CAF9

#F9D2CA

Split Complementary

#CAF9D2

#E9CAF9

#F9CAD9

Tetradic

#CAF9D2

#CAD9F9

#F9CAF1

#F9E9CA

Color Blindness Simulation

Original

#CAF9D2

Protanopia

#DEDFDB

Deuteranopia

#DCD8DE

Tritanopia

#CCE3E5

Achromatopsia

#ECECEC

CSS Usage

background-color: #CAF9D2;
color: #CAF9D2;
border-color: #CAF9D2;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FDF4
100
#E1F9E5
200
#BFF8C9
300
#91F3A2
400
#55EC6F
500
#1AE53C
600
#15B730
700
#119327
800
#0D731E
900
#0E531A
950
#093510

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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