#80AAAD

#80AAAD

Color Values

HEX

#80AAAD

RGB

128, 170, 173

HSL

184.0, 21.5%, 59.0%

HSV

184.0, 26.0%, 67.8%

CMYK

26.0%, 1.7%, 0.0%, 32.2%

OKLCH

0.7086 0.0454 201.7

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#80AAAD

#AD8380

Analogous

#80AD99

#8093AD

#80AAAD

Triadic

#80AAAD

#AD80AA

#AAAD80

Split Complementary

#80AAAD

#AD8093

#AD9980

Tetradic

#80AAAD

#9980AD

#AD8380

#93AD80

Color Blindness Simulation

Original

#80AAAD

Protanopia

#9293AC

Deuteranopia

#908DAC

Tritanopia

#82ACAC

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CDCF
400
#8CB2B5
500
#64979B
600
#50797C
700
#406163
800
#324C4D
900
#27393A
950
#192425

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

8.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026