#485F84

#485F84

Color Values

HEX

#485F84

RGB

72, 95, 132

HSL

217.0, 29.4%, 40.0%

HSV

217.0, 45.5%, 51.8%

CMYK

45.5%, 28.0%, 0.0%, 48.2%

OKLCH

0.4829 0.0662 259.7

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#485F84

#846D48

Analogous

#487D84

#4F4884

#485F84

Triadic

#485F84

#84485F

#5F8448

Split Complementary

#485F84

#844F48

#7D8448

Tetradic

#485F84

#84487D

#846D48

#48844F

Color Blindness Simulation

Original

#485F84

Protanopia

#52527B

Deuteranopia

#514F79

Tritanopia

#497472

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D9E6
300
#B0BED4
400
#859ABC
500
#5A77A5
600
#485F84
700
#3A4C6A
800
#2D3B52
900
#242D3D
950
#171D27

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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