#4AB5AF

#4AB5AF

Color Values

HEX

#4AB5AF

RGB

74, 181, 175

HSL

176.6, 42.0%, 50.0%

HSV

176.6, 59.1%, 71.0%

CMYK

59.1%, 0.0%, 3.3%, 29.0%

OKLCH

0.7099 0.0979 190.1

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#4AB5AF

#B54A50

Analogous

#4AB579

#4A86B5

#4AB5AF

Triadic

#4AB5AF

#AF4AB5

#B5AF4A

Split Complementary

#4AB5AF

#B54A86

#B5794A

Tetradic

#4AB5AF

#794AB5

#B54A50

#86B54A

Color Blindness Simulation

Original

#4AB5AF

Protanopia

#7879B0

Deuteranopia

#726AB1

Tritanopia

#4FB2B2

Achromatopsia

#9E9E9E

CSS Usage

background-color: #4AB5AF;
color: #4AB5AF;
border-color: #4AB5AF;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAFA
100
#E7F4F3
200
#CCEAE9
300
#A8DCD9
400
#79C8C4
500
#4AB5AF
600
#3B918C
700
#2F7470
800
#255B57
900
#1E4341
950
#132A29

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.52:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026