#486882

#486882

Color Values

HEX

#486882

RGB

72, 104, 130

HSL

206.9, 28.7%, 39.6%

HSV

206.9, 44.6%, 51.0%

CMYK

44.6%, 20.0%, 0.0%, 49.0%

OKLCH

0.5033 0.0559 243.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#486882

#826248

Analogous

#48827F

#484B82

#486882

Triadic

#486882

#824868

#688248

Split Complementary

#486882

#82484B

#827F48

Tetradic

#486882

#7F4882

#826248

#4B8248

Color Blindness Simulation

Original

#486882

Protanopia

#56567C

Deuteranopia

#54527A

Tritanopia

#4A7776

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DCE6
300
#B0C4D3
400
#86A3BC
500
#5B83A4
600
#496983
700
#3A5469
800
#2D4252
900
#24323D
950
#171F27

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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