#CAF8D2

#CAF8D2

Color Values

HEX

#CAF8D2

RGB

202, 248, 210

HSL

130.4, 76.7%, 88.2%

HSV

130.4, 18.5%, 97.3%

CMYK

18.5%, 0.0%, 15.3%, 2.7%

OKLCH

0.9369 0.0695 150.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#CAF8D2

#F8CAF0

Analogous

#D9F8CA

#CAF8E9

#CAF8D2

Triadic

#CAF8D2

#D2CAF8

#F8D2CA

Split Complementary

#CAF8D2

#E9CAF8

#F8CAD9

Tetradic

#CAF8D2

#CAD9F8

#F8CAF0

#F8E9CA

Color Blindness Simulation

Original

#CAF8D2

Protanopia

#DEDEDB

Deuteranopia

#DBD8DD

Tritanopia

#CCE2E4

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F2FCF4
100
#E2F9E6
200
#C0F7C9
300
#93F1A3
400
#58E971
500
#1EE140
600
#18B433
700
#139029
800
#0F7120
900
#0F521B
950
#093411

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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