#CAF89A

#CAF89A

Color Values

HEX

#CAF89A

RGB

202, 248, 154

HSL

89.4, 87.0%, 78.8%

HSV

89.4, 37.9%, 97.3%

CMYK

18.5%, 0.0%, 37.9%, 2.7%

OKLCH

0.9254 0.1297 129.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CAF89A

#C89AF8

Analogous

#F8F79A

#9BF89A

#CAF89A

Triadic

#CAF89A

#9ACAF8

#F89ACA

Split Complementary

#CAF89A

#9A9BF8

#F79AF8

Tetradic

#CAF89A

#9AF8F7

#C89AF8

#F89A9B

Color Blindness Simulation

Original

#CAF89A

Protanopia

#DEDEB1

Deuteranopia

#DBD8B6

Tritanopia

#CCC3C7

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DCFABC
300
#C3F78D
400
#A2F34F
500
#82EE11
600
#68BF0D
700
#53990B
800
#417708
900
#31560B
950
#1F3707

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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