#383BA7

#383BA7

Color Values

HEX

#383BA7

RGB

56, 59, 167

HSL

238.4, 49.8%, 43.7%

HSV

238.4, 66.5%, 65.5%

CMYK

66.5%, 64.7%, 0.0%, 34.5%

OKLCH

0.4211 0.1694 275.1

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#383BA7

#A7A438

Analogous

#3872A7

#6C38A7

#383BA7

Triadic

#383BA7

#A7383B

#3BA738

Split Complementary

#383BA7

#A76C38

#72A738

Tetradic

#383BA7

#A73872

#A7A438

#38A76C

Color Blindness Simulation

Original

#383BA7

Protanopia

#39398D

Deuteranopia

#393987

Tritanopia

#387874

Achromatopsia

#424242

CSS Usage

background-color: #383BA7;
color: #383BA7;
border-color: #383BA7;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CACAED
300
#A3A5E0
400
#7274D0
500
#4043BF
600
#333699
700
#292B7A
800
#20225F
900
#1B1C46
950
#11122C

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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