#536497

#536497

Color Values

HEX

#536497

RGB

83, 100, 151

HSL

225.0, 29.1%, 45.9%

HSV

225.0, 45.0%, 59.2%

CMYK

45.0%, 33.8%, 0.0%, 40.8%

OKLCH

0.5117 0.0839 269.3

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#536497

#978653

Analogous

#538697

#645397

#536497

Triadic

#536497

#975364

#649753

Split Complementary

#536497

#976453

#869753

Tetradic

#536497

#975386

#978653

#539764

Color Blindness Simulation

Original

#536497

Protanopia

#5A5B8B

Deuteranopia

#595888

Tritanopia

#54817F

Achromatopsia

#646464

CSS Usage

background-color: #536497;
color: #536497;
border-color: #536497;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6F9
100
#E9EBF2
200
#D1D6E6
300
#B0B9D4
400
#8593BC
500
#5A6DA5
600
#485784
700
#3A4669
800
#2D3652
900
#242A3D
950
#171B27

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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