#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026