#CAF3CC

#CAF3CC

Color Values

HEX

#CAF3CC

RGB

202, 243, 204

HSL

122.9, 63.1%, 87.3%

HSV

122.9, 16.9%, 95.3%

CMYK

16.9%, 0.0%, 16.0%, 4.7%

OKLCH

0.9248 0.0674 146.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAF3CC

#F3CAF1

Analogous

#DDF3CA

#CAF3E1

#CAF3CC

Triadic

#CAF3CC

#CCCAF3

#F3CCCA

Split Complementary

#CAF3CC

#E1CAF3

#F3CADD

Tetradic

#CAF3CC

#CADDF3

#F3CAF1

#F3E1CA

Color Blindness Simulation

Original

#CAF3CC

Protanopia

#DCDCD5

Deuteranopia

#D9D6D8

Tritanopia

#CCDDDF

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F7E5
200
#C5F2C7
300
#9BE89F
400
#65DC6B
500
#2FD037
600
#26A62C
700
#1E8523
800
#18681B
900
#154C18
950
#0D300F

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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