#CAF6C7

#CAF6C7

Color Values

HEX

#CAF6C7

RGB

202, 246, 199

HSL

116.2, 72.3%, 87.3%

HSV

116.2, 19.1%, 96.5%

CMYK

17.9%, 0.0%, 19.1%, 3.5%

OKLCH

0.93 0.0775 143.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAF6C7

#F3C7F6

Analogous

#E2F6C7

#C7F6DC

#CAF6C7

Triadic

#CAF6C7

#C7CAF6

#F6C7CA

Split Complementary

#CAF6C7

#DCC7F6

#F6C7E2

Tetradic

#CAF6C7

#C7E2F6

#F3C7F6

#F6DCC7

Color Blindness Simulation

Original

#CAF6C7

Protanopia

#DDDDD2

Deuteranopia

#DAD7D5

Tritanopia

#CCDBDD

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E4F8E2
200
#C5F5C1
300
#9BEE96
400
#65E55C
500
#2FDC23
600
#26B01C
700
#1E8D17
800
#176E12
900
#155011
950
#0D330B

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026