#528B7F

#528B7F

Color Values

HEX

#528B7F

RGB

82, 139, 127

HSL

167.4, 25.8%, 43.3%

HSV

167.4, 41.0%, 54.5%

CMYK

41.0%, 0.0%, 8.6%, 45.5%

OKLCH

0.5938 0.0632 179.0

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#528B7F

#8B525E

Analogous

#528B62

#527A8B

#528B7F

Triadic

#528B7F

#7F528B

#8B7F52

Split Complementary

#528B7F

#8B527A

#8B6252

Tetradic

#528B7F

#62528B

#8B525E

#7A8B52

Color Blindness Simulation

Original

#528B7F

Protanopia

#6B6B82

Deuteranopia

#676383

Tritanopia

#558485

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E5E1
300
#B2D2CB
400
#88B9AF
500
#5FA093
600
#4C8075
700
#3D675E
800
#2F5049
900
#253C37
950
#172623

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.36:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026