#381F44

#381F44

Color Values

HEX

#381F44

RGB

56, 31, 68

HSL

280.5, 37.4%, 19.4%

HSV

280.5, 54.4%, 26.7%

CMYK

17.6%, 54.4%, 0.0%, 73.3%

OKLCH

0.2901 0.0718 313.9

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#381F44

#2B441F

Analogous

#251F44

#441F3D

#381F44

Triadic

#381F44

#44381F

#1F4438

Split Complementary

#381F44

#3D441F

#1F4425

Tetradic

#381F44

#44251F

#2B441F

#1F3D44

Color Blindness Simulation

Original

#381F44

Protanopia

#2D2D3B

Deuteranopia

#2F3039

Tritanopia

#373432

Achromatopsia

#272727

CSS Usage

background-color: #381F44;
color: #381F44;
border-color: #381F44;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CEE9
300
#CAABD9
400
#AD7DC4
500
#9050AF
600
#73408C
700
#5C3370
800
#482858
900
#362041
950
#221429

Contrast Checker

Text on white

14.51:1

AA Pass AAA Pass

Text on black

1.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026