#485A8F

#485A8F

Color Values

HEX

#485A8F

RGB

72, 90, 143

HSL

224.8, 33.0%, 42.2%

HSV

224.8, 49.7%, 56.1%

CMYK

49.7%, 37.1%, 0.0%, 43.9%

OKLCH

0.4773 0.0887 268.7

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#485A8F

#8F7D48

Analogous

#487E8F

#5A488F

#485A8F

Triadic

#485A8F

#8F485A

#5A8F48

Split Complementary

#485A8F

#8F5A48

#7E8F48

Tetradic

#485A8F

#8F487E

#8F7D48

#488F5A

Color Blindness Simulation

Original

#485A8F

Protanopia

#505082

Deuteranopia

#4F4D7F

Tritanopia

#497876

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D5E7
300
#AEB8D6
400
#8291C0
500
#556BAA
600
#445588
700
#37446D
800
#2B3555
900
#22293F
950
#161A28

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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