#C9F48F

#C9F48F

Color Values

HEX

#C9F48F

RGB

201, 244, 143

HSL

85.5, 82.1%, 75.9%

HSV

85.5, 41.4%, 95.7%

CMYK

17.6%, 0.0%, 41.4%, 4.3%

OKLCH

0.9143 0.1361 127.7

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C9F48F

#BA8FF4

Analogous

#F4EC8F

#97F48F

#C9F48F

Triadic

#C9F48F

#8FC9F4

#F48FC9

Split Complementary

#C9F48F

#8F97F4

#EC8FF4

Tetradic

#C9F48F

#8FF4EC

#BA8FF4

#F48F97

Color Blindness Simulation

Original

#C9F48F

Protanopia

#DCDCA7

Deuteranopia

#D9D6AD

Tritanopia

#CBBBBF

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFAE1
200
#E0F9BE
300
#C9F490
400
#ACEE53
500
#8FE817
600
#73BA12
700
#5C950F
800
#48740B
900
#36540D
950
#223508

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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