#CAF1AC

#CAF1AC

Color Values

HEX

#CAF1AC

RGB

202, 241, 172

HSL

93.9, 71.1%, 81.0%

HSV

93.9, 28.6%, 94.5%

CMYK

16.2%, 0.0%, 28.6%, 5.5%

OKLCH

0.9135 0.0994 132.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAF1AC

#D3ACF1

Analogous

#EDF1AC

#ACF1B1

#CAF1AC

Triadic

#CAF1AC

#ACCAF1

#F1ACCA

Split Complementary

#CAF1AC

#B1ACF1

#F1ACED

Tetradic

#CAF1AC

#ACEDF1

#D3ACF1

#F1B1AC

Color Blindness Simulation

Original

#CAF1AC

Protanopia

#DBDBBD

Deuteranopia

#D9D6C1

Tritanopia

#CCCACD

Achromatopsia

#E4E4E4

CSS Usage

background-color: #CAF1AC;
color: #CAF1AC;
border-color: #CAF1AC;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F5C2
300
#BCED96
400
#98E45E
500
#74DA25
600
#5DAF1D
700
#4A8C18
800
#3A6D12
900
#2C4F11
950
#1C320B

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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