#38476D

#38476D

Color Values

HEX

#38476D

RGB

56, 71, 109

HSL

223.0, 32.1%, 32.4%

HSV

223.0, 48.6%, 42.7%

CMYK

48.6%, 34.9%, 0.0%, 57.3%

OKLCH

0.4029 0.0672 267.0

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#38476D

#6D5E38

Analogous

#38626D

#44386D

#38476D

Triadic

#38476D

#6D3847

#476D38

Split Complementary

#38476D

#6D4438

#626D38

Tetradic

#38476D

#6D3862

#6D5E38

#386D44

Color Blindness Simulation

Original

#38476D

Protanopia

#3E3F64

Deuteranopia

#3E3C62

Tritanopia

#395D5B

Achromatopsia

#474747

CSS Usage

background-color: #38476D;
color: #38476D;
border-color: #38476D;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D6E7
300
#AEB9D5
400
#8294BF
500
#576EA8
600
#455887
700
#37466C
800
#2B3754
900
#222A3E
950
#161B27

Contrast Checker

Text on white

9.17:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026