#38408F

#38408F

Color Values

HEX

#38408F

RGB

56, 64, 143

HSL

234.5, 43.7%, 39.0%

HSV

234.5, 60.8%, 56.1%

CMYK

60.8%, 55.2%, 0.0%, 43.9%

OKLCH

0.4104 0.1293 274.8

Properties

Cool Dark Nearest: royalblue 4

Color Harmonies

Complementary

#38408F

#8F8738

Analogous

#386B8F

#5B388F

#38408F

Triadic

#38408F

#8F3840

#408F38

Split Complementary

#38408F

#8F5B38

#6B8F38

Tetradic

#38408F

#8F386B

#8F8738

#388F5B

Color Blindness Simulation

Original

#38408F

Protanopia

#3B3C7C

Deuteranopia

#3B3A77

Tritanopia

#386D69

Achromatopsia

#444444

CSS Usage

background-color: #38408F;
color: #38408F;
border-color: #38408F;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F4
200
#CCCFEB
300
#A7ACDD
400
#777FCA
500
#4852B7
600
#394293
700
#2E3475
800
#24295C
900
#1D2144
950
#13152B

Contrast Checker

Text on white

9.14:1

AA Pass AAA Pass

Text on black

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