#527178

#527178

Color Values

HEX

#527178

RGB

82, 113, 120

HSL

191.1, 18.8%, 39.6%

HSV

191.1, 31.7%, 47.1%

CMYK

31.7%, 5.8%, 0.0%, 52.9%

OKLCH

0.5273 0.0374 213.2

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#527178

#785952

Analogous

#52786C

#525E78

#527178

Triadic

#527178

#785271

#717852

Split Complementary

#527178

#78525E

#786C52

Tetradic

#527178

#6C5278

#785952

#5E7852

Color Blindness Simulation

Original

#527178

Protanopia

#5F6076

Deuteranopia

#5E5B76

Tritanopia

#547575

Achromatopsia

#6B6B6B

CSS Usage

background-color: #527178;
color: #527178;
border-color: #527178;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E0E2
300
#B6C9CD
400
#8FACB2
500
#688F97
600
#537279
700
#425B61
800
#34474C
900
#283639
950
#192224

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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