#48407D

#48407D

Color Values

HEX

#48407D

RGB

72, 64, 125

HSL

247.9, 32.3%, 37.1%

HSV

247.9, 48.8%, 49.0%

CMYK

42.4%, 48.8%, 0.0%, 51.0%

OKLCH

0.4104 0.0995 287.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#48407D

#757D40

Analogous

#40577D

#67407D

#48407D

Triadic

#48407D

#7D4840

#407D48

Split Complementary

#48407D

#7D6740

#577D40

Tetradic

#48407D

#7D4057

#757D40

#407D67

Color Blindness Simulation

Original

#48407D

Protanopia

#45446E

Deuteranopia

#45466B

Tritanopia

#486360

Achromatopsia

#464646

CSS Usage

background-color: #48407D;
color: #48407D;
border-color: #48407D;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D3D0E7
300
#B3AED6
400
#8A82BF
500
#6156A9
600
#4E4587
700
#3E376C
800
#312B54
900
#26223F
950
#181627

Contrast Checker

Text on white

9.11:1

AA Pass AAA Pass

Text on black

2.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026