#383563

#383563

Color Values

HEX

#383563

RGB

56, 53, 99

HSL

243.9, 30.3%, 29.8%

HSV

243.9, 46.5%, 38.8%

CMYK

43.4%, 46.5%, 0.0%, 61.2%

OKLCH

0.3556 0.0783 284.6

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#383563

#606335

Analogous

#354963

#4F3563

#383563

Triadic

#383563

#633835

#356338

Split Complementary

#383563

#634F35

#496335

Tetradic

#383563

#633549

#606335

#35634F

Color Blindness Simulation

Original

#383563

Protanopia

#373758

Deuteranopia

#373755

Tritanopia

#384F4D

Achromatopsia

#393939

CSS Usage

background-color: #383563;
color: #383563;
border-color: #383563;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D2D0E6
300
#B2AFD4
400
#8884BD
500
#5E59A6
600
#4B4785
700
#3C396A
800
#2F2C53
900
#25233E
950
#171627

Contrast Checker

Text on white

11.31:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026