#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

Янв 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Янв 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Янв 18, 2026