#C3FA7F

#C3FA7F

Color Values

HEX

#C3FA7F

RGB

195, 250, 127

HSL

86.8, 92.5%, 73.9%

HSV

86.8, 49.2%, 98.0%

CMYK

22.0%, 0.0%, 49.2%, 2.0%

OKLCH

0.9214 0.163 129.0

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#C3FA7F

#B67FFA

Analogous

#FAF37F

#85FA7F

#C3FA7F

Triadic

#C3FA7F

#7FC3FA

#FA7FC3

Split Complementary

#C3FA7F

#7F85FA

#F37FFA

Tetradic

#C3FA7F

#7FFAF3

#B67FFA

#FA7F85

Color Blindness Simulation

Original

#C3FA7F

Protanopia

#DBDB9D

Deuteranopia

#D8D4A4

Tritanopia

#C6B4B9

Achromatopsia

#E5E5E5

CSS Usage

background-color: #C3FA7F;
color: #C3FA7F;
border-color: #C3FA7F;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#DFFCBA
300
#C8FA89
400
#AAF849
500
#8CF50A
600
#70C408
700
#5A9D06
800
#467B05
900
#355908
950
#213805

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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