#485681

#485681

Color Values

HEX

#485681

RGB

72, 86, 129

HSL

225.3, 28.4%, 39.4%

HSV

225.3, 44.2%, 50.6%

CMYK

44.2%, 33.3%, 0.0%, 49.4%

OKLCH

0.4605 0.0725 269.6

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#485681

#817348

Analogous

#487281

#564881

#485681

Triadic

#485681

#814856

#568148

Split Complementary

#485681

#815648

#728148

Tetradic

#485681

#814872

#817348

#488156

Color Blindness Simulation

Original

#485681

Protanopia

#4E4E77

Deuteranopia

#4D4C74

Tritanopia

#496E6D

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EBF1
200
#D1D6E5
300
#B0B9D3
400
#8693BB
500
#5B6DA4
600
#495783
700
#3A4669
800
#2E3752
900
#242A3D
950
#171B26

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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