#383567

#383567

Color Values

HEX

#383567

RGB

56, 53, 103

HSL

243.6, 32.1%, 30.6%

HSV

243.6, 48.5%, 40.4%

CMYK

45.6%, 48.5%, 0.0%, 59.6%

OKLCH

0.3583 0.0847 284.0

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#383567

#646735

Analogous

#354B67

#513567

#383567

Triadic

#383567

#673835

#356738

Split Complementary

#383567

#675135

#4B6735

Tetradic

#383567

#67354B

#646735

#356751

Color Blindness Simulation

Original

#383567

Protanopia

#37375B

Deuteranopia

#373758

Tritanopia

#38514F

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#E9E8F2
200
#D1D0E7
300
#B1AED5
400
#8682BF
500
#5B57A8
600
#494587
700
#3B376C
800
#2E2B54
900
#24223E
950
#171627

Contrast Checker

Text on white

11.21:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026