#74A384

#74A384

Color Values

HEX

#74A384

RGB

116, 163, 132

HSL

140.4, 20.3%, 54.7%

HSV

140.4, 28.8%, 63.9%

CMYK

28.8%, 0.0%, 19.0%, 36.1%

OKLCH

0.6729 0.0683 155.3

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#74A384

#A37493

Analogous

#7CA374

#74A39B

#74A384

Triadic

#74A384

#8474A3

#A38474

Split Complementary

#74A384

#9B74A3

#A3747C

Tetradic

#74A384

#747CA3

#A37493

#A39B74

Color Blindness Simulation

Original

#74A384

Protanopia

#88898B

Deuteranopia

#86828D

Tritanopia

#769193

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D4E3D9
300
#B5CEBE
400
#8DB49B
500
#669977
600
#517B5F
700
#41624C
800
#334D3C
900
#28392E
950
#19241D

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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