#52897E

#52897E

Color Values

HEX

#52897E

RGB

82, 137, 126

HSL

168.0, 25.1%, 42.9%

HSV

168.0, 40.1%, 53.7%

CMYK

40.1%, 0.0%, 8.0%, 46.3%

OKLCH

0.5885 0.0611 179.9

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#52897E

#89525D

Analogous

#528962

#527889

#52897E

Triadic

#52897E

#7E5289

#897E52

Split Complementary

#52897E

#895278

#896252

Tetradic

#52897E

#625289

#89525D

#788952

Color Blindness Simulation

Original

#52897E

Protanopia

#6A6A81

Deuteranopia

#676281

Tritanopia

#558383

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E4E1
300
#B2D1CB
400
#89B8AF
500
#5FA093
600
#4C8075
700
#3D665E
800
#305049
900
#263B37
950
#182623

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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