#CAF8CF

#CAF8CF

Color Values

HEX

#CAF8CF

RGB

202, 248, 207

HSL

126,5, 76,7%, 88,2%

HSV

126,5, 18,5%, 97,3%

CMYK

18,5%, 0,0%, 16,5%, 2,7%

OKLCH

0,9362 0,0725 147,9

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAF8CF

#F8CAF3

Analogous

#DCF8CA

#CAF8E6

#CAF8CF

Triadic

#CAF8CF

#CFCAF8

#F8CFCA

Split Complementary

#CAF8CF

#E6CAF8

#F8CADC

Tetradic

#CAF8CF

#CADCF8

#F8CAF3

#F8E6CA

Color Blindness Simulation

Original

#CAF8CF

Protanopia

#DEDED9

Deuteranopia

#DBD8DB

Tritanopia

#CCE1E2

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E2F9E4
200
#C0F7C6
300
#93F19D
400
#58E968
500
#1EE133
600
#18B429
700
#139021
800
#0F7119
900
#0F5216
950
#09340E

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,84: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