#484361

#484361

Color Values

HEX

#484361

RGB

72, 67, 97

HSL

250.0, 18.3%, 32.2%

HSV

250.0, 30.9%, 38.0%

CMYK

25.8%, 30.9%, 0.0%, 62.0%

OKLCH

0.4006 0.0502 291.6

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#484361

#5C6143

Analogous

#434D61

#574361

#484361

Triadic

#484361

#614843

#436148

Split Complementary

#484361

#615743

#4D6143

Tetradic

#484361

#61434D

#5C6143

#436157

Color Blindness Simulation

Original

#484361

Protanopia

#46465A

Deuteranopia

#464658

Tritanopia

#485453

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EBEAF0
200
#D7D5E2
300
#BAB7CD
400
#958FB2
500
#706897
600
#5A5379
700
#484361
800
#38344B
900
#2B2838
950
#1B1A24

Contrast Checker

Text on white

9.33:1

AA Pass AAA Pass

Text on black

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