#4B48B7

#4B48B7

Color Values

HEX

#4B48B7

RGB

75, 72, 183

HSL

241.6, 43.5%, 50.0%

HSV

241.6, 60.7%, 71.8%

CMYK

59.0%, 60.7%, 0.0%, 28.2%

OKLCH

0.471 0.1703 278.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#4B48B7

#B4B748

Analogous

#487DB7

#8248B7

#4B48B7

Triadic

#4B48B7

#B74B48

#48B74B

Split Complementary

#4B48B7

#B78248

#7DB748

Tetradic

#4B48B7

#B7487D

#B4B748

#48B782

Color Blindness Simulation

Original

#4B48B7

Protanopia

#4A4A9C

Deuteranopia

#4A4A96

Tritanopia

#4B8782

Achromatopsia

#515151

CSS Usage

background-color: #4B48B7;
color: #4B48B7;
border-color: #4B48B7;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CDCCEB
300
#A9A7DC
400
#7A78CA
500
#4B48B7
600
#3C3A92
700
#302E75
800
#25245B
900
#1E1D43
950
#13132B

Contrast Checker

Text on white

7.22:1

AA Pass AAA Pass

Text on black

2.91:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026