#485A85

#485A85

Color Values

HEX

#485A85

RGB

72, 90, 133

HSL

222.3, 29.8%, 40.2%

HSV

222.3, 45.9%, 52.2%

CMYK

45.9%, 32.3%, 0.0%, 47.8%

OKLCH

0.4718 0.0735 266.3

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#485A85

#857348

Analogous

#487985

#544885

#485A85

Triadic

#485A85

#85485A

#5A8548

Split Complementary

#485A85

#855448

#798548

Tetradic

#485A85

#854879

#857348

#488554

Color Blindness Simulation

Original

#485A85

Protanopia

#50507B

Deuteranopia

#4F4D78

Tritanopia

#497271

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9EBF2
200
#D1D7E6
300
#B0BAD4
400
#8595BD
500
#5A70A5
600
#485A84
700
#39486A
800
#2D3853
900
#232B3D
950
#161B27

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

3.08:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026