#395293

#395293

Color Values

HEX

#395293

RGB

57, 82, 147

HSL

223.3, 44.1%, 40.0%

HSV

223.3, 61.2%, 57.6%

CMYK

61.2%, 44.2%, 0.0%, 42.4%

OKLCH

0.4524 0.1106 266.2

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#395293

#937A39

Analogous

#397F93

#4D3993

#395293

Triadic

#395293

#933952

#529339

Split Complementary

#395293

#934D39

#7F9339

Tetradic

#395293

#93397F

#937A39

#39934D

Color Blindness Simulation

Original

#395293

Protanopia

#444483

Deuteranopia

#42407F

Tritanopia

#3A7774

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CCD4EB
300
#A7B6DD
400
#778ECA
500
#4767B8
600
#395293
700
#2E4276
800
#24335C
900
#1D2844
950
#12192B

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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