#4EA49C

#4EA49C

Color Values

HEX

#4EA49C

RGB

78, 164, 156

HSL

174.4, 35.5%, 47.5%

HSV

174.4, 52.4%, 64.3%

CMYK

52.4%, 0.0%, 4.9%, 35.7%

OKLCH

0.6633 0.0841 187.3

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#4EA49C

#A44E56

Analogous

#4EA471

#4E81A4

#4EA49C

Triadic

#4EA49C

#9C4EA4

#A49C4E

Split Complementary

#4EA49C

#A44E81

#A4714E

Tetradic

#4EA49C

#714EA4

#A44E56

#81A44E

Color Blindness Simulation

Original

#4EA49C

Protanopia

#73749E

Deuteranopia

#6E689E

Tritanopia

#529FA0

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F2
200
#CFE8E6
300
#ACD8D3
400
#7FC2BC
500
#52ADA4
600
#428A83
700
#356F69
800
#295652
900
#21403D
950
#152827

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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