#383BCB

#383BCB

Color Values

HEX

#383BCB

RGB

56, 59, 203

HSL

238.8, 58.6%, 50.8%

HSV

238.8, 72.4%, 79.6%

CMYK

72.4%, 70.9%, 0.0%, 20.4%

OKLCH

0.4551 0.2154 272.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#383BCB

#CBC838

Analogous

#3884CB

#7F38CB

#383BCB

Triadic

#383BCB

#CB383B

#3BCB38

Split Complementary

#383BCB

#CB7F38

#84CB38

Tetradic

#383BCB

#CB3884

#CBC838

#38CB7F

Color Blindness Simulation

Original

#383BCB

Protanopia

#3939A8

Deuteranopia

#3939A0

Tritanopia

#388D87

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C6C7F0
300
#9E9FE6
400
#696CD8
500
#3538CA
600
#2A2DA2
700
#222481
800
#1A1C65
900
#17184A
950
#0E0F2F

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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