#C2EC7F

#C2EC7F

Color Values

HEX

#C2EC7F

RGB

194, 236, 127

HSL

83.1, 74.1%, 71.2%

HSV

83.1, 46.2%, 92.5%

CMYK

17.8%, 0.0%, 46.2%, 7.5%

OKLCH

0.8897 0.1443 126.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C2EC7F

#A97FEC

Analogous

#ECDF7F

#8CEC7F

#C2EC7F

Triadic

#C2EC7F

#7FC2EC

#EC7FC2

Split Complementary

#C2EC7F

#7F8CEC

#DF7FEC

Tetradic

#C2EC7F

#7FECDF

#A97FEC

#EC7F8C

Color Blindness Simulation

Original

#C2EC7F

Protanopia

#D4D599

Deuteranopia

#D2CFA0

Tritanopia

#C4AEB3

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#F0F8E2
200
#E1F6C1
300
#CCEF94
400
#B1E75B
500
#95DE21
600
#77B21A
700
#608E15
800
#4B6F11
900
#385110
950
#23330A

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026