#74BB8F

#74BB8F

Color Values

HEX

#74BB8F

RGB

116, 187, 143

HSL

142.8, 34.3%, 59.4%

HSV

142.8, 38.0%, 73.3%

CMYK

38.0%, 0.0%, 23.5%, 26.7%

OKLCH

0.7329 0.0965 155.9

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#74BB8F

#BB74A0

Analogous

#7CBB74

#74BBB2

#74BB8F

Triadic

#74BB8F

#8F74BB

#BB8F74

Split Complementary

#74BB8F

#B274BB

#BB747C

Tetradic

#74BB8F

#747CBB

#BB74A0

#BBB274

Color Blindness Simulation

Original

#74BB8F

Protanopia

#93939A

Deuteranopia

#8F899C

Tritanopia

#78A2A4

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE8D8
300
#ADD7BD
400
#80C199
500
#54AB75
600
#43895E
700
#366E4B
800
#2A563B
900
#213F2D
950
#15281C

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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