#C4F08F

#C4F08F

Color Values

HEX

#C4F08F

RGB

196, 240, 143

HSL

87.2, 76.4%, 75.1%

HSV

87.2, 40.4%, 94.1%

CMYK

18.3%, 0.0%, 40.4%, 5.9%

OKLCH

0.9022 0.1326 128.7

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C4F08F

#BB8FF0

Analogous

#F0EB8F

#94F08F

#C4F08F

Triadic

#C4F08F

#8FC4F0

#F08FC4

Split Complementary

#C4F08F

#8F94F0

#EB8FF0

Tetradic

#C4F08F

#8FF0EB

#BB8FF0

#F08F94

Color Blindness Simulation

Original

#C4F08F

Protanopia

#D7D7A6

Deuteranopia

#D4D1AC

Tritanopia

#C6B9BD

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E2
200
#DEF7C0
300
#C6F193
400
#A7E959
500
#89E11E
600
#6DB418
700
#579013
800
#44700F
900
#34520F
950
#21340A

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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