#CAE8AF

#CAE8AF

Color Values

HEX

#CAE8AF

RGB

202, 232, 175

HSL

91.6, 55.3%, 79.8%

HSV

91.6, 24.6%, 91.0%

CMYK

12.9%, 0.0%, 24.6%, 9.0%

OKLCH

0.8948 0.082 130.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CAE8AF

#CDAFE8

Analogous

#E6E8AF

#AFE8B1

#CAE8AF

Triadic

#CAE8AF

#AFCAE8

#E8AFCA

Split Complementary

#CAE8AF

#B1AFE8

#E8AFE6

Tetradic

#CAE8AF

#AFE6E8

#CDAFE8

#E8B1AF

Color Blindness Simulation

Original

#CAE8AF

Protanopia

#D7D7BD

Deuteranopia

#D5D3C0

Tritanopia

#CBC8CA

Achromatopsia

#DEDEDE

CSS Usage

background-color: #CAE8AF;
color: #CAE8AF;
border-color: #CAE8AF;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F7FBF4
100
#EDF6E5
200
#DAEFC8
300
#C0E4A0
400
#9ED56C
500
#7CC639
600
#639E2E
700
#4F7F24
800
#3E631C
900
#2F4918
950
#1E2E0F

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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