#483F64

#483F64

Color Values

HEX

#483F64

RGB

72, 63, 100

HSL

254.6, 22.7%, 32.0%

HSV

254.6, 37.0%, 39.2%

CMYK

28.0%, 37.0%, 0.0%, 60.8%

OKLCH

0.3933 0.0623 294.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#483F64

#5B643F

Analogous

#3F4964

#5B3F64

#483F64

Triadic

#483F64

#64483F

#3F6448

Split Complementary

#483F64

#645B3F

#49643F

Tetradic

#483F64

#643F49

#5B643F

#3F645B

Color Blindness Simulation

Original

#483F64

Protanopia

#44445B

Deuteranopia

#454559

Tritanopia

#485452

Achromatopsia

#444444

CSS Usage

background-color: #483F64;
color: #483F64;
border-color: #483F64;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F7F6F9
100
#EBEAF1
200
#D7D3E3
300
#BBB4D0
400
#968BB6
500
#71639C
600
#5A4F7D
700
#483F64
800
#38314E
900
#2B273A
950
#1B1825

Contrast Checker

Text on white

9.67:1

AA Pass AAA Pass

Text on black

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