#CAFA89

#CAFA89

Color Values

HEX

#CAFA89

RGB

202, 250, 137

HSL

85.5, 91.9%, 75.9%

HSV

85.5, 45.2%, 98.0%

CMYK

19.2%, 0.0%, 45.2%, 2.0%

OKLCH

0.9272 0.1502 127.9

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CAFA89

#B989FA

Analogous

#FAF289

#92FA89

#CAFA89

Triadic

#CAFA89

#89CAFA

#FA89CA

Split Complementary

#CAFA89

#8992FA

#F289FA

Tetradic

#CAFA89

#89FAF2

#B989FA

#FA8992

Color Blindness Simulation

Original

#CAFA89

Protanopia

#DFDFA4

Deuteranopia

#DCD8AB

Tritanopia

#CCBABF

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#E0FCBA
300
#CAFA8A
400
#AEF74A
500
#91F50A
600
#74C408
700
#5D9D07
800
#497A05
900
#365908
950
#223805

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026