#CAF897

#CAF897

Color Values

HEX

#CAF897

RGB

202, 248, 151

HSL

88.5, 87.4%, 78.2%

HSV

88.5, 39.1%, 97.3%

CMYK

18.5%, 0.0%, 39.1%, 2.7%

OKLCH

0.925 0.1329 129.4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAF897

#C597F8

Analogous

#F8F697

#99F897

#CAF897

Triadic

#CAF897

#97CAF8

#F897CA

Split Complementary

#CAF897

#9799F8

#F697F8

Tetradic

#CAF897

#97F8F6

#C597F8

#F89799

Color Blindness Simulation

Original

#CAF897

Protanopia

#DEDEAE

Deuteranopia

#DBD8B4

Tritanopia

#CCC1C5

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DDFBBC
300
#C4F78C
400
#A5F34E
500
#85EF10
600
#6ABF0D
700
#55990A
800
#437708
900
#32570A
950
#203707

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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