#76BE93

#76BE93

Color Values

HEX

#76BE93

RGB

118, 190, 147

HSL

144.2, 35.6%, 60.4%

HSV

144.2, 37.9%, 74.5%

CMYK

37.9%, 0.0%, 22.6%, 25.5%

OKLCH

0.7421 0.0961 156.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#76BE93

#BE76A1

Analogous

#7DBE76

#76BEB7

#76BE93

Triadic

#76BE93

#9376BE

#BE9376

Split Complementary

#76BE93

#B776BE

#BE767D

Tetradic

#76BE93

#767DBE

#BE76A1

#BEB776

Color Blindness Simulation

Original

#76BE93

Protanopia

#95969D

Deuteranopia

#918CA0

Tritanopia

#7AA6A7

Achromatopsia

#ACACAC

CSS Usage

background-color: #76BE93;
color: #76BE93;
border-color: #76BE93;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF7
100
#E8F3EC
200
#CFE8D9
300
#ACD8BE
400
#7FC29A
500
#52AD77
600
#428A5F
700
#356F4C
800
#29563B
900
#21402D
950
#15281D

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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