#76B853

#76B853

Color Values

HEX

#76B853

RGB

118, 184, 83

HSL

99.2, 41.6%, 52.4%

HSV

99.2, 54.9%, 72.2%

CMYK

35.9%, 0.0%, 54.9%, 27.8%

OKLCH

0.7157 0.1507 136.0

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#76B853

#9553B8

Analogous

#A9B853

#53B863

#76B853

Triadic

#76B853

#5376B8

#B85376

Split Complementary

#76B853

#6353B8

#B853A9

Tetradic

#76B853

#53A9B8

#9553B8

#B86353

Color Blindness Simulation

Original

#76B853

Protanopia

#93936B

Deuteranopia

#8F8A71

Tritanopia

#797F83

Achromatopsia

#A3A3A3

CSS Usage

background-color: #76B853;
color: #76B853;
border-color: #76B853;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FAF5
100
#EBF3E7
200
#D7EACC
300
#BADBA8
400
#95C879
500
#6FB54A
600
#59903C
700
#477430
800
#385A25
900
#2B431E
950
#1B2A13

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.75:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026