#76A663

#76A663

Color Values

HEX

#76A663

RGB

118, 166, 99

HSL

103.0, 27.3%, 52.0%

HSV

103.0, 40.4%, 65.1%

CMYK

28.9%, 0.0%, 40.4%, 34.9%

OKLCH

0.6741 0.1076 137.2

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#76A663

#9363A6

Analogous

#98A663

#63A672

#76A663

Triadic

#76A663

#6376A6

#A66376

Split Complementary

#76A663

#7263A6

#A66398

Tetradic

#76A663

#6398A6

#9363A6

#A67263

Color Blindness Simulation

Original

#76A663

Protanopia

#8B8B73

Deuteranopia

#888477

Tritanopia

#788083

Achromatopsia

#979797

CSS Usage

background-color: #76A663;
color: #76A663;
border-color: #76A663;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F7F9F6
100
#EBF1E9
200
#D7E5D2
300
#BBD3B1
400
#95BA87
500
#70A25D
600
#5A824A
700
#48683B
800
#38512E
900
#2B3C25
950
#1B2617

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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