#485C84

#485C84

Color Values

HEX

#485C84

RGB

72, 92, 132

HSL

220.0, 29.4%, 40.0%

HSV

220.0, 45.5%, 51.8%

CMYK

45.5%, 30.3%, 0.0%, 48.2%

OKLCH

0.4759 0.0696 263.6

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#485C84

#847048

Analogous

#487A84

#524884

#485C84

Triadic

#485C84

#84485C

#5C8448

Split Complementary

#485C84

#845248

#7A8448

Tetradic

#485C84

#84487A

#847048

#488452

Color Blindness Simulation

Original

#485C84

Protanopia

#51517A

Deuteranopia

#504E78

Tritanopia

#497371

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D8E6
300
#B0BCD4
400
#8597BC
500
#5A73A5
600
#485C84
700
#3A4A6A
800
#2D3A52
900
#242C3D
950
#171C27

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

3.14:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026