#528074

#528074

Color Values

HEX

#528074

RGB

82, 128, 116

HSL

164.3, 21.9%, 41.2%

HSV

164.3, 35.9%, 50.2%

CMYK

35.9%, 0.0%, 9.4%, 49.8%

OKLCH

0.5629 0.054 176.0

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#528074

#80525E

Analogous

#52805D

#527580

#528074

Triadic

#528074

#745280

#807452

Split Complementary

#528074

#805275

#805D52

Tetradic

#528074

#5D5280

#80525E

#758052

Color Blindness Simulation

Original

#528074

Protanopia

#666677

Deuteranopia

#636078

Tritanopia

#54797A

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D3E3DF
300
#B4CFC8
400
#8CB5AA
500
#649B8D
600
#507C71
700
#40635A
800
#324E46
900
#273A35
950
#192521

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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