#383F89

#383F89

Color Values

HEX

#383F89

RGB

56, 63, 137

HSL

234.8, 42.0%, 37.8%

HSV

234.8, 59.1%, 53.7%

CMYK

59.1%, 54.0%, 0.0%, 46.3%

OKLCH

0.4038 0.1219 275.5

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#383F89

#898238

Analogous

#386789

#593889

#383F89

Triadic

#383F89

#89383F

#3F8938

Split Complementary

#383F89

#895938

#678938

Tetradic

#383F89

#893867

#898238

#388959

Color Blindness Simulation

Original

#383F89

Protanopia

#3B3B77

Deuteranopia

#3B3A73

Tritanopia

#386966

Achromatopsia

#434343

CSS Usage

background-color: #383F89;
color: #383F89;
border-color: #383F89;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCFEA
300
#A8ADDC
400
#7980C8
500
#4A53B5
600
#3B4391
700
#2F3574
800
#252A5B
900
#1E2143
950
#13152A

Contrast Checker

Text on white

9.37:1

AA Pass AAA Pass

Text on black

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