#CAF9CE

#CAF9CE

Color Values

HEX

#CAF9CE

RGB

202, 249, 206

HSL

125.1, 79.7%, 88.4%

HSV

125.1, 18.9%, 97.6%

CMYK

18.9%, 0.0%, 17.3%, 2.4%

OKLCH

0.9381 0.0751 147.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAF9CE

#F9CAF5

Analogous

#DDF9CA

#CAF9E5

#CAF9CE

Triadic

#CAF9CE

#CECAF9

#F9CECA

Split Complementary

#CAF9CE

#E5CAF9

#F9CADD

Tetradic

#CAF9CE

#CADDF9

#F9CAF5

#F9E5CA

Color Blindness Simulation

Original

#CAF9CE

Protanopia

#DEDFD8

Deuteranopia

#DCD8DB

Tritanopia

#CCE1E2

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E1F9E3
200
#BFF8C4
300
#91F399
400
#55EC62
500
#1AE52B
600
#15B723
700
#11931C
800
#0D7316
900
#0E5314
950
#09350C

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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