#395DB2

#395DB2

Color Values

HEX

#395DB2

RGB

57, 93, 178

HSL

222.1, 51.5%, 46.1%

HSV

222.1, 68.0%, 69.8%

CMYK

68.0%, 47.8%, 0.0%, 30.2%

OKLCH

0.4975 0.1413 264.6

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#395DB2

#B28E39

Analogous

#399AB2

#5139B2

#395DB2

Triadic

#395DB2

#B2395D

#5DB239

Split Complementary

#395DB2

#B25139

#9AB239

Tetradic

#395DB2

#B2399A

#B28E39

#39B251

Color Blindness Simulation

Original

#395DB2

Protanopia

#49499D

Deuteranopia

#464498

Tritanopia

#3B8D8A

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EAF5
200
#C9D4EE
300
#A2B5E1
400
#708DD1
500
#3E65C1
600
#31519B
700
#28417C
800
#1F3361
900
#1A2747
950
#10192D

Contrast Checker

Text on white

6.21:1

AA Pass AAA Fail

Text on black

3.38:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026