#380554

#380554

Color Values

HEX

#380554

RGB

56, 5, 84

HSL

278.7, 88.8%, 17.5%

HSV

278.7, 94.0%, 32.9%

CMYK

33.3%, 94.0%, 0.0%, 67.1%

OKLCH

0.2686 0.1286 308.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#380554

#215405

Analogous

#100554

#540549

#380554

Triadic

#380554

#543805

#055438

Split Complementary

#380554

#495405

#055410

Tetradic

#380554

#541005

#215405

#054954

Color Blindness Simulation

Original

#380554

Protanopia

#222141

Deuteranopia

#25293C

Tritanopia

#35322E

Achromatopsia

#161616

CSS Usage

background-color: #380554;
color: #380554;
border-color: #380554;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F2FD
100
#F1E0FB
200
#E4BCFB
300
#D28BF8
400
#B94DF4
500
#A00EF1
600
#800BC1
700
#67099A
800
#500778
900
#3C0A57
950
#260637

Contrast Checker

Text on white

15.93:1

AA Pass AAA Pass

Text on black

1.32:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026