#76AC83

#76AC83

Color Values

HEX

#76AC83

RGB

118, 172, 131

HSL

134,4, 24,5%, 56,9%

HSV

134,4, 31,4%, 67,5%

CMYK

31,4%, 0,0%, 23,8%, 32,5%

OKLCH

0,6953 0,0828 151,3

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#76AC83

#AC769F

Analogous

#84AC76

#76AC9E

#76AC83

Triadic

#76AC83

#8376AC

#AC8376

Split Complementary

#76AC83

#9E76AC

#AC7684

Tetradic

#76AC83

#7684AC

#AC769F

#AC9E76

Color Blindness Simulation

Original

#76AC83

Protanopia

#8D8E8D

Deuteranopia

#8A868F

Tritanopia

#799596

Achromatopsia

#9E9E9E

CSS Usage

background-color: #76AC83;
color: #76AC83;
border-color: #76AC83;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F7
100
#E9F1EB
200
#D3E4D7
300
#B3D1BA
400
#8AB895
500
#609F6F
600
#4D7F59
700
#3E6647
800
#304F38
900
#263B2B
950
#18251B

Contrast Checker

Text on white

2,63:1

AA Fail AAA Fail

Text on black

8,0: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