#382F90

#382F90

Color Values

HEX

#382F90

RGB

56, 47, 144

HSL

245.6, 50.8%, 37.5%

HSV

245.6, 67.4%, 56.5%

CMYK

61.1%, 67.4%, 0.0%, 43.5%

OKLCH

0.3797 0.1534 280.4

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#382F90

#87902F

Analogous

#2F5790

#692F90

#382F90

Triadic

#382F90

#90382F

#2F9038

Split Complementary

#382F90

#90692F

#57902F

Tetradic

#382F90

#902F57

#87902F

#2F9069

Color Blindness Simulation

Original

#382F90

Protanopia

#343479

Deuteranopia

#353573

Tritanopia

#386662

Achromatopsia

#383838

CSS Usage

background-color: #382F90;
color: #382F90;
border-color: #382F90;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC9ED
300
#A9A3E1
400
#7A71D1
500
#4B3FC0
600
#3C329A
700
#30287B
800
#251F60
900
#1E1A47
950
#13112D

Contrast Checker

Text on white

10.62:1

AA Pass AAA Pass

Text on black

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