#486891

#486891

Color Values

HEX

#486891

RGB

72, 104, 145

HSL

213.7, 33.6%, 42.5%

HSV

213.7, 50.3%, 56.9%

CMYK

50.3%, 28.3%, 0.0%, 43.1%

OKLCH

0.5105 0.0755 255.0

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#486891

#917148

Analogous

#488C91

#4C4891

#486891

Triadic

#486891

#914868

#689148

Split Complementary

#486891

#914C48

#8C9148

Tetradic

#486891

#91488C

#917148

#48914C

Color Blindness Simulation

Original

#486891

Protanopia

#565687

Deuteranopia

#545285

Tritanopia

#4A7F7E

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE7
300
#ADBFD6
400
#819DC0
500
#557AAA
600
#446288
700
#364E6D
800
#2A3D55
900
#222F3F
950
#151D28

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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