#75C277

#75C277

Color Values

HEX

#75C277

RGB

117, 194, 119

HSL

121.6, 38.7%, 61.0%

HSV

121.6, 39.7%, 76.1%

CMYK

39.7%, 0.0%, 38.7%, 23.9%

OKLCH

0.7453 0.1307 144.7

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#75C277

#C275C0

Analogous

#99C275

#75C29E

#75C277

Triadic

#75C277

#7775C2

#C27775

Split Complementary

#75C277

#9E75C2

#C27599

Tetradic

#75C277

#7599C2

#C275C0

#C29E75

Color Blindness Simulation

Original

#75C277

Protanopia

#969789

Deuteranopia

#928C8E

Tritanopia

#79979B

Achromatopsia

#ACACAC

CSS Usage

background-color: #75C277;
color: #75C277;
border-color: #75C277;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9CE
300
#AAD9AB
400
#7CC57E
500
#4EB151
600
#3F8D41
700
#327134
800
#275828
900
#204120
950
#142915

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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