#CAF98F

#CAF98F

Color Values

HEX

#CAF98F

RGB

202, 249, 143

HSL

86.6, 89.8%, 76.9%

HSV

86.6, 42.6%, 97.6%

CMYK

18.9%, 0.0%, 42.6%, 2.4%

OKLCH

0.9259 0.1427 128.4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAF98F

#BE8FF9

Analogous

#F9F38F

#95F98F

#CAF98F

Triadic

#CAF98F

#8FCAF9

#F98FCA

Split Complementary

#CAF98F

#8F95F9

#F38FF9

Tetradic

#CAF98F

#8FF9F3

#BE8FF9

#F98F95

Color Blindness Simulation

Original

#CAF98F

Protanopia

#DEDFA9

Deuteranopia

#DCD8AF

Tritanopia

#CCBDC1

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFBE0
200
#DFFBBB
300
#C8F98B
400
#AAF54C
500
#8CF20D
600
#70C20A
700
#5A9B08
800
#467907
900
#355809
950
#213706

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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