#CAF5CE

#CAF5CE

Color Values

HEX

#CAF5CE

RGB

202, 245, 206

HSL

125.6, 68.3%, 87.6%

HSV

125.6, 17.6%, 96.1%

CMYK

17.6%, 0.0%, 15.9%, 3.9%

OKLCH

0.9296 0.0686 147.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAF5CE

#F5CAF1

Analogous

#DBF5CA

#CAF5E3

#CAF5CE

Triadic

#CAF5CE

#CECAF5

#F5CECA

Split Complementary

#CAF5CE

#E3CAF5

#F5CADB

Tetradic

#CAF5CE

#CADBF5

#F5CAF1

#F5E3CA

Color Blindness Simulation

Original

#CAF5CE

Protanopia

#DDDDD7

Deuteranopia

#DAD7DA

Tritanopia

#CCDFE1

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F8E5
200
#C3F4C7
300
#98ECA0
400
#60E16C
500
#28D739
600
#20AC2D
700
#1A8924
800
#146B1C
900
#134E18
950
#0C310F

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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