#4BAAA2

#4BAAA2

Color Values

HEX

#4BAAA2

RGB

75, 170, 162

HSL

174,9, 38,8%, 48,0%

HSV

174,9, 55,9%, 66,7%

CMYK

55,9%, 0,0%, 4,7%, 33,3%

OKLCH

0,679 0,0903 187,8

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#4BAAA2

#AA4B53

Analogous

#4BAA72

#4B82AA

#4BAAA2

Triadic

#4BAAA2

#A24BAA

#AAA24B

Split Complementary

#4BAAA2

#AA4B82

#AA724B

Tetradic

#4BAAA2

#724BAA

#AA4B53

#82AA4B

Color Blindness Simulation

Original

#4BAAA2

Protanopia

#7475A4

Deuteranopia

#6F68A4

Tritanopia

#50A5A6

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CDE9E7
300
#AADAD6
400
#7CC5BF
500
#4EB1A9
600
#3E8E87
700
#32716C
800
#275854
900
#20413E
950
#142927

Contrast Checker

Text on white

2,77:1

AA Fail AAA Fail

Text on black

7,57: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