#381F61

#381F61

Color Values

HEX

#381F61

RGB

56, 31, 97

HSL

262,7, 51,6%, 25,1%

HSV

262,7, 68,0%, 38,0%

CMYK

42,3%, 68,0%, 0,0%, 62,0%

OKLCH

0,3116 0,1116 296,8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#381F61

#48611F

Analogous

#1F2761

#591F61

#381F61

Triadic

#381F61

#61381F

#1F6138

Split Complementary

#381F61

#61591F

#27611F

Tetradic

#381F61

#611F27

#48611F

#1F6159

Color Blindness Simulation

Original

#381F61

Protanopia

#2D2D51

Deuteranopia

#2F304D

Tritanopia

#374442

Achromatopsia

#292929

CSS Usage

background-color: #381F61;
color: #381F61;
border-color: #381F61;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F4FB
100
#EBE5F5
200
#D7C9EE
300
#BAA2E1
400
#9570D1
500
#6F3EC1
600
#59319B
700
#47277C
800
#381F61
900
#2B1A47
950
#1B102D

Contrast Checker

Text on white

13,67:1

AA Pass AAA Pass

Text on black

1,54: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