#74BF96

#74BF96

Color Values

HEX

#74BF96

RGB

116, 191, 150

HSL

147.2, 36.9%, 60.2%

HSV

147.2, 39.3%, 74.9%

CMYK

39.3%, 0.0%, 21.5%, 25.1%

OKLCH

0.7442 0.0963 159.0

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#74BF96

#BF749D

Analogous

#78BF74

#74BFBB

#74BF96

Triadic

#74BF96

#9674BF

#BF9674

Split Complementary

#74BF96

#BB74BF

#BF7478

Tetradic

#74BF96

#7478BF

#BF749D

#BFBB74

Color Blindness Simulation

Original

#74BF96

Protanopia

#9495A0

Deuteranopia

#908AA2

Tritanopia

#78A8A9

Achromatopsia

#ACACAC

CSS Usage

background-color: #74BF96;
color: #74BF96;
border-color: #74BF96;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F5FAF7
100
#E8F3ED
200
#CEE8DA
300
#ABD8C0
400
#7EC39D
500
#50AF7B
600
#408C62
700
#33704F
800
#28573E
900
#20412F
950
#14291E

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

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