#485BAF

#485BAF

Color Values

HEX

#485BAF

RGB

72, 91, 175

HSL

228.9, 41.7%, 48.4%

HSV

228.9, 58.9%, 68.6%

CMYK

58.9%, 48.0%, 0.0%, 31.4%

OKLCH

0.4995 0.1348 271.2

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#485BAF

#AF9C48

Analogous

#488EAF

#6848AF

#485BAF

Triadic

#485BAF

#AF485B

#5BAF48

Split Complementary

#485BAF

#AF6848

#8EAF48

Tetradic

#485BAF

#AF488E

#AF9C48

#48AF68

Color Blindness Simulation

Original

#485BAF

Protanopia

#50509B

Deuteranopia

#4F4E96

Tritanopia

#498B87

Achromatopsia

#5D5D5D

CSS Usage

background-color: #485BAF;
color: #485BAF;
border-color: #485BAF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CCD2EA
300
#A8B2DB
400
#7988C8
500
#4A5EB5
600
#3B4B91
700
#303C74
800
#252F5A
900
#1E2543
950
#13172A

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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