#486591

#486591

Color Values

HEX

#486591

RGB

72, 101, 145

HSL

216.2, 33.6%, 42.5%

HSV

216.2, 50.3%, 56.9%

CMYK

50.3%, 30.3%, 0.0%, 43.1%

OKLCH

0.5035 0.0786 258.5

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#486591

#917448

Analogous

#488991

#4F4891

#486591

Triadic

#486591

#914865

#659148

Split Complementary

#486591

#914F48

#899148

Tetradic

#486591

#914889

#917448

#48914F

Color Blindness Simulation

Original

#486591

Protanopia

#555586

Deuteranopia

#535184

Tritanopia

#497E7C

Achromatopsia

#626262

CSS Usage

background-color: #486591;
color: #486591;
border-color: #486591;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD9E7
300
#ADBED6
400
#819AC0
500
#5577AA
600
#445F88
700
#364C6D
800
#2A3B55
900
#222D3F
950
#151D28

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

3.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026