#483C77

#483C77

Color Values

HEX

#483C77

RGB

72, 60, 119

HSL

252.2, 33.0%, 35.1%

HSV

252.2, 49.6%, 46.7%

CMYK

39.5%, 49.6%, 0.0%, 53.3%

OKLCH

0.3984 0.097 290.7

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#483C77

#6B773C

Analogous

#3C4D77

#663C77

#483C77

Triadic

#483C77

#77483C

#3C7748

Split Complementary

#483C77

#77663C

#4D773C

Tetradic

#483C77

#773C4D

#6B773C

#3C7766

Color Blindness Simulation

Original

#483C77

Protanopia

#434369

Deuteranopia

#444465

Tritanopia

#475D5B

Achromatopsia

#434343

CSS Usage

background-color: #483C77;
color: #483C77;
border-color: #483C77;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E7
300
#B6AED6
400
#8E82C0
500
#6755AA
600
#524488
700
#42376D
800
#332B55
900
#28223F
950
#191628

Contrast Checker

Text on white

9.6:1

AA Pass AAA Pass

Text on black

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