#4FA080

#4FA080

Color Values

HEX

#4FA080

RGB

79, 160, 128

HSL

156.3, 33.9%, 46.9%

HSV

156.3, 50.6%, 62.7%

CMYK

50.6%, 0.0%, 20.0%, 37.3%

OKLCH

0.6454 0.094 165.5

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#4FA080

#A04F6F

Analogous

#4FA058

#4F98A0

#4FA080

Triadic

#4FA080

#804FA0

#A0804F

Split Complementary

#4FA080

#A04F98

#A0584F

Tetradic

#4FA080

#584FA0

#A04F6F

#98A04F

Color Blindness Simulation

Original

#4FA080

Protanopia

#727388

Deuteranopia

#6D678A

Tritanopia

#538E8F

Achromatopsia

#8C8C8C

CSS Usage

background-color: #4FA080;
color: #4FA080;
border-color: #4FA080;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE7DE
300
#ADD7C6
400
#81C1A7
500
#54AB89
600
#43896D
700
#366D57
800
#2A5544
900
#223F34
950
#152821

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.67:1

AA Pass AAA Fail

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