#485AAF

#485AAF

Color Values

HEX

#485AAF

RGB

72, 90, 175

HSL

229.5, 41.7%, 48.4%

HSV

229.5, 58.9%, 68.6%

CMYK

58.9%, 48.6%, 0.0%, 31.4%

OKLCH

0.4975 0.1361 271.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#485AAF

#AF9D48

Analogous

#488DAF

#6948AF

#485AAF

Triadic

#485AAF

#AF485A

#5AAF48

Split Complementary

#485AAF

#AF6948

#8DAF48

Tetradic

#485AAF

#AF488D

#AF9D48

#48AF69

Color Blindness Simulation

Original

#485AAF

Protanopia

#50509A

Deuteranopia

#4F4D96

Tritanopia

#498A87

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CCD2EA
300
#A8B1DB
400
#7987C8
500
#4A5DB5
600
#3B4A91
700
#303B74
800
#252E5A
900
#1E2543
950
#13172A

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026