#526571

#526571

Color Values

HEX

#526571

RGB

82, 101, 113

HSL

203.2, 15.9%, 38.2%

HSV

203.2, 27.4%, 44.3%

CMYK

27.4%, 10.6%, 0.0%, 55.7%

OKLCH

0.4956 0.03 235.9

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#526571

#715E52

Analogous

#52716D

#525571

#526571

Triadic

#526571

#715265

#657152

Split Complementary

#526571

#715255

#716D52

Tetradic

#526571

#6D5271

#715E52

#557152

Color Blindness Simulation

Original

#526571

Protanopia

#5A5A6E

Deuteranopia

#59586D

Tritanopia

#536C6B

Achromatopsia

#626262

CSS Usage

background-color: #526571;
color: #526571;
border-color: #526571;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D6DDE1
300
#B8C4CC
400
#92A4B0
500
#6B8494
600
#566A76
700
#45555F
800
#36424A
900
#2A3237
950
#1A2023

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

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