#80AFB0

#80AFB0

Color Values

HEX

#80AFB0

RGB

128, 175, 176

HSL

181.2, 23.3%, 59.6%

HSV

181.2, 27.3%, 69.0%

CMYK

27.3%, 0.6%, 0.0%, 31.0%

OKLCH

0.721 0.05 197.8

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#80AFB0

#B08180

Analogous

#80B099

#8097B0

#80AFB0

Triadic

#80AFB0

#B080AF

#AFB080

Split Complementary

#80AFB0

#B08097

#B09980

Tetradic

#80AFB0

#9980B0

#B08180

#97B080

Color Blindness Simulation

Original

#80AFB0

Protanopia

#9495B0

Deuteranopia

#928EB0

Tritanopia

#82B0B0

Achromatopsia

#A5A5A5

CSS Usage

background-color: #80AFB0;
color: #80AFB0;
border-color: #80AFB0;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F9
100
#EAF1F1
200
#D3E3E4
300
#B4CFD0
400
#8BB6B7
500
#629C9D
600
#4E7D7E
700
#3F6465
800
#314E4F
900
#263A3B
950
#182525

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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