#38618D

#38618D

Color Values

HEX

#38618D

RGB

56, 97, 141

HSL

211.1, 43.1%, 38.6%

HSV

211.1, 60.3%, 55.3%

CMYK

60.3%, 31.2%, 0.0%, 44.7%

OKLCH

0.483 0.0851 251.5

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#38618D

#8D6438

Analogous

#388B8D

#3A388D

#38618D

Triadic

#38618D

#8D3861

#618D38

Split Complementary

#38618D

#8D3A38

#8B8D38

Tetradic

#38618D

#8D388B

#8D6438

#388D3A

Color Blindness Simulation

Original

#38618D

Protanopia

#4A4A82

Deuteranopia

#474480

Tritanopia

#3A7A78

Achromatopsia

#5B5B5B

CSS Usage

background-color: #38618D;
color: #38618D;
border-color: #38618D;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E7EDF4
200
#CCDBEB
300
#A7C1DC
400
#789FC9
500
#497DB6
600
#3A6492
700
#2E5075
800
#243F5B
900
#1E3043
950
#131E2A

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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