#80AEB7

#80AEB7

Color Values

HEX

#80AEB7

RGB

128, 174, 183

HSL

189.8, 27.6%, 61.0%

HSV

189.8, 30.1%, 71.8%

CMYK

30.1%, 4.9%, 0.0%, 28.2%

OKLCH

0.721 0.0507 211.0

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#80AEB7

#B78980

Analogous

#80B7A5

#8093B7

#80AEB7

Triadic

#80AEB7

#B780AE

#AEB780

Split Complementary

#80AEB7

#B78093

#B7A580

Tetradic

#80AEB7

#A580B7

#B78980

#93B780

Color Blindness Simulation

Original

#80AEB7

Protanopia

#9494B5

Deuteranopia

#918EB4

Tritanopia

#82B3B3

Achromatopsia

#A5A5A5

CSS Usage

background-color: #80AEB7;
color: #80AEB7;
border-color: #80AEB7;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D1E2E5
300
#B1CDD3
400
#87B2BB
500
#5C97A3
600
#4A7982
700
#3B6168
800
#2E4C51
900
#24393C
950
#172426

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.66:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026