#486B93

#486B93

Color Values

HEX

#486B93

RGB

72, 107, 147

HSL

212.0, 34.2%, 42.9%

HSV

212.0, 51.0%, 57.6%

CMYK

51.0%, 27.2%, 0.0%, 42.4%

OKLCH

0.5185 0.0755 252.5

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#486B93

#937048

Analogous

#489093

#4A4893

#486B93

Triadic

#486B93

#93486B

#6B9348

Split Complementary

#486B93

#934A48

#909348

Tetradic

#486B93

#934890

#937048

#48934A

Color Blindness Simulation

Original

#486B93

Protanopia

#575789

Deuteranopia

#555287

Tritanopia

#4A8280

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE8
300
#ADC0D7
400
#809EC1
500
#547DAB
600
#436489
700
#36506E
800
#2A3E56
900
#222F3F
950
#151E28

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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