#528171

#528171

Color Values

HEX

#528171

RGB

82, 129, 113

HSL

159.6, 22.3%, 41.4%

HSV

159.6, 36.4%, 50.6%

CMYK

36.4%, 0.0%, 12.4%, 49.4%

OKLCH

0.5645 0.0574 170.7

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#528171

#815262

Analogous

#52815A

#527A81

#528171

Triadic

#528171

#715281

#817152

Split Complementary

#528171

#81527A

#815A52

Tetradic

#528171

#5A5281

#815262

#7A8152

Color Blindness Simulation

Original

#528171

Protanopia

#666775

Deuteranopia

#646076

Tritanopia

#547879

Achromatopsia

#767676

CSS Usage

background-color: #528171;
color: #528171;
border-color: #528171;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E3DE
300
#B4CFC6
400
#8CB6A7
500
#639C89
600
#4F7D6D
700
#3F6457
800
#324E44
900
#273A34
950
#182521

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass AAA Fail

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