#74AC96

#74AC96

Color Values

HEX

#74AC96

RGB

116, 172, 150

HSL

156.4, 25.2%, 56.5%

HSV

156.4, 32.6%, 67.5%

CMYK

32.6%, 0.0%, 12.8%, 32.5%

OKLCH

0.6991 0.0674 167.9

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#74AC96

#AC748A

Analogous

#74AC7A

#74A6AC

#74AC96

Triadic

#74AC96

#9674AC

#AC9674

Split Complementary

#74AC96

#AC74A6

#AC7A74

Tetradic

#74AC96

#7A74AC

#AC748A

#A6AC74

Color Blindness Simulation

Original

#74AC96

Protanopia

#8C8D9B

Deuteranopia

#89859D

Tritanopia

#77A0A0

Achromatopsia

#9F9F9F

CSS Usage

background-color: #74AC96;
color: #74AC96;
border-color: #74AC96;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D2E4DD
300
#B2D1C5
400
#89B8A6
500
#5FA086
600
#4C806B
700
#3D6656
800
#305043
900
#253B33
950
#182620

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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