#CAFC99

#CAFC99

Color Values

HEX

#CAFC99

RGB

202, 252, 153

HSL

90.3, 94.3%, 79.4%

HSV

90.3, 39.3%, 98.8%

CMYK

19.8%, 0.0%, 39.3%, 1.2%

OKLCH

0.934 0.1366 130.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAFC99

#CB99FC

Analogous

#FCFC99

#99FC99

#CAFC99

Triadic

#CAFC99

#99CAFC

#FC99CA

Split Complementary

#CAFC99

#9999FC

#FC99FC

Tetradic

#CAFC99

#99FCFC

#CB99FC

#FC9999

Color Blindness Simulation

Original

#CAFC99

Protanopia

#E0E0B1

Deuteranopia

#DDD9B7

Tritanopia

#CCC4C8

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DBFDBA
300
#C1FC88
400
#A0FA48
500
#7EF807
600
#65C606
700
#519F05
800
#3F7C04
900
#305A07
950
#1E3905

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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