#48456D

#48456D

Color Values

HEX

#48456D

RGB

72, 69, 109

HSL

244.5, 22.5%, 34.9%

HSV

244.5, 36.7%, 42.7%

CMYK

33.9%, 36.7%, 0.0%, 57.3%

OKLCH

0.4114 0.0662 286.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#48456D

#6A6D45

Analogous

#45566D

#5C456D

#48456D

Triadic

#48456D

#6D4845

#456D48

Split Complementary

#48456D

#6D5C45

#566D45

Tetradic

#48456D

#6D4556

#6A6D45

#456D5C

Color Blindness Simulation

Original

#48456D

Protanopia

#474763

Deuteranopia

#474761

Tritanopia

#485C5A

Achromatopsia

#494949

CSS Usage

background-color: #48456D;
color: #48456D;
border-color: #48456D;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D4D3E3
300
#B6B4D0
400
#8F8BB6
500
#67639C
600
#524F7D
700
#423F64
800
#34314E
900
#28273A
950
#191825

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

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