#CAF6CF

#CAF6CF

Color Values

HEX

#CAF6CF

RGB

202, 246, 207

HSL

126.8, 71.0%, 87.8%

HSV

126.8, 17.9%, 96.5%

CMYK

17.9%, 0.0%, 15.9%, 3.5%

OKLCH

0.9319 0.0693 148.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAF6CF

#F6CAF1

Analogous

#DBF6CA

#CAF6E5

#CAF6CF

Triadic

#CAF6CF

#CFCAF6

#F6CFCA

Split Complementary

#CAF6CF

#E5CAF6

#F6CADB

Tetradic

#CAF6CF

#CADBF6

#F6CAF1

#F6E5CA

Color Blindness Simulation

Original

#CAF6CF

Protanopia

#DDDDD8

Deuteranopia

#DAD7DB

Tritanopia

#CCE0E2

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E2F8E5
200
#C2F5C8
300
#96EDA0
400
#5EE46D
500
#25DA39
600
#1EAE2E
700
#188C25
800
#126D1D
900
#114F19
950
#0B320F

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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