#380C61

#380C61

Color Values

HEX

#380C61

RGB

56, 12, 97

HSL

271.1, 78.0%, 21.4%

HSV

271.1, 87.6%, 38.0%

CMYK

42.3%, 87.6%, 0.0%, 62.0%

OKLCH

0.2873 0.1354 301.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#380C61

#35610C

Analogous

#0E0C61

#610C60

#380C61

Triadic

#380C61

#61380C

#0C6138

Split Complementary

#380C61

#60610C

#0C610E

Tetradic

#380C61

#610E0C

#35610C

#0C6061

Color Blindness Simulation

Original

#380C61

Protanopia

#25254C

Deuteranopia

#282B47

Tritanopia

#363C39

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DCBFF7
300
#C492F2
400
#A357EA
500
#831CE3
600
#6916B6
700
#541291
800
#420E71
900
#320E52
950
#1F0934

Contrast Checker

Text on white

15.07:1

AA Pass AAA Pass

Text on black

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