#383BD3

#383BD3

Color Values

HEX

#383BD3

RGB

56, 59, 211

HSL

238.8, 63.8%, 52.4%

HSV

238.8, 73.5%, 82.7%

CMYK

73.5%, 72.0%, 0.0%, 17.3%

OKLCH

0.4631 0.225 272.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#383BD3

#D3D038

Analogous

#3889D3

#8338D3

#383BD3

Triadic

#383BD3

#D3383B

#3BD338

Split Complementary

#383BD3

#D38338

#89D338

Tetradic

#383BD3

#D33889

#D3D038

#38D383

Color Blindness Simulation

Original

#383BD3

Protanopia

#3939AE

Deuteranopia

#3939A5

Tritanopia

#38918B

Achromatopsia

#454545

CSS Usage

background-color: #383BD3;
color: #383BD3;
border-color: #383BD3;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F3FB
100
#E3E4F7
200
#C5C5F2
300
#9B9CE9
400
#6467DD
500
#2E31D1
600
#2528A7
700
#1E2086
800
#171968
900
#15164C
950
#0D0E30

Contrast Checker

Text on white

7.68:1

AA Pass AAA Pass

Text on black

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