#527889

#527889

Color Values

HEX

#527889

RGB

82, 120, 137

HSL

198.5, 25.1%, 42.9%

HSV

198.5, 40.1%, 53.7%

CMYK

40.1%, 12.4%, 0.0%, 46.3%

OKLCH

0.5508 0.0502 227.7

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#527889

#896352

Analogous

#52897E

#525C89

#527889

Triadic

#527889

#895278

#788952

Split Complementary

#527889

#89525C

#897E52

Tetradic

#527889

#7E5289

#896352

#5C8952

Color Blindness Simulation

Original

#527889

Protanopia

#626385

Deuteranopia

#605D84

Tritanopia

#548281

Achromatopsia

#717171

CSS Usage

background-color: #527889;
color: #527889;
border-color: #527889;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2DFE4
300
#B2C8D1
400
#89AAB8
500
#5F8CA0
600
#4C7080
700
#3D5966
800
#304650
900
#26353B
950
#182126

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail 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