#395b78 hex color

In a RGB color space, hex #395b78 is composed of 22.4% red, 35.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 24.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 207.6 degrees, a saturation of 35.6% and a lightness of 34.7%. #395b78 color hex could be obtained by blending #72b6f0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 36
- B 47
RGB color chart
- C 53
- M 24
- Y 0
- K 53
CMYK color chart

● #395b78 color description : Dark moderate blue.

The hexadecimal color #395b78 has RGB values of R:57, G:91, B:120 and CMYK values of C:0.53, M:0.24, Y:0, K:0.53. Its decimal value is 3758968.

Hex triplet	395b78	`#395b78`
RGB Decimal	57, 91, 120	`rgb(57,91,120)`
RGB Percent	22.4, 35.7, 47.1	`rgb(22.4%,35.7%,47.1%)`
CMYK	53, 24, 0, 53
HSL	207.6°, 35.6, 34.7	`hsl(207.6,35.6%,34.7%)`
HSV (or HSB)	207.6°, 52.5, 47.1
Web Safe	336666	`#336666`

CIE-LAB	37.312, -3.447, -20.191
XYZ	8.818, 9.708, 19.177
xyY	0.234, 0.257, 9.708
CIE-LCH	37.312, 20.483, 260.312
CIE-LUV	37.312, -15.249, -27.237
Hunter-Lab	31.157, -4.007, -14.683
Binary	00111001, 01011011, 01111000

#395b78
```
#395b78 rgb(57,91,120)
```
#785639
```
#785639 rgb(120,86,57)
```

Complementary Color

#397876
```
#397876 rgb(57,120,118)
```
#395b78
```
#395b78 rgb(57,91,120)
```
#393c78
```
#393c78 rgb(57,60,120)
```

Analogous Color

#787639
```
#787639 rgb(120,118,57)
```
#395b78
```
#395b78 rgb(57,91,120)
```
#78393c
```
#78393c rgb(120,57,60)
```

Split Complementary Color

#5b7839
```
#5b7839 rgb(91,120,57)
```
#395b78
```
#395b78 rgb(57,91,120)
```
#78395b
```
#78395b rgb(120,57,91)
```

Triadic Color

#397856
```
#397856 rgb(57,120,86)
```
#395b78
```
#395b78 rgb(57,91,120)
```
#78395b
```
#78395b rgb(120,57,91)
```
#785639
```
#785639 rgb(120,86,57)
```

Tetradic Color

#203444
```
#203444 rgb(32,52,68)
```
#294155
```
#294155 rgb(41,65,85)
```
#314e67
```
#314e67 rgb(49,78,103)
```
#395b78
```
#395b78 rgb(57,91,120)
```
#416889
```
#416889 rgb(65,104,137)
```
#49759b
```
#49759b rgb(73,117,155)
```
#5282ac
```
#5282ac rgb(82,130,172)
```

Monochromatic Color

Below, you can see some colors close to #395b78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#396b78
```
#396b78 rgb(57,107,120)
```
#396678
```
#396678 rgb(57,102,120)
```
#396078
```
#396078 rgb(57,96,120)
```
#395b78
```
#395b78 rgb(57,91,120)
```
#395678
```
#395678 rgb(57,86,120)
```
#395178
```
#395178 rgb(57,81,120)
```
#394b78
```
#394b78 rgb(57,75,120)
```

Similar Colors

Text with hexadecimal color #395b78

This text has a font color of #395b78.

<span style="color:#395b78;">Text here</span>

#395b78 background color

This paragraph has a background color of #395b78.

<p style="background-color:#395b78;">Content here</p>

#395b78 border color

This element has a border color of #395b78.

<div style="border:1px solid #395b78;">Content here</div>

CSS codes

.text {color:#395b78;}

.background {background-color:#395b78;}

.border {border:1px solid #395b78;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #f2f6f9 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#060a0e
```
#060a0e rgb(6,10,14)
```
#0d141b
```
#0d141b rgb(13,20,27)
```
#131e28
```
#131e28 rgb(19,30,40)
```
#192936
```
#192936 rgb(25,41,54)
```
#203343
```
#203343 rgb(32,51,67)
```
#263d50
```
#263d50 rgb(38,61,80)
```
#2c475d
```
#2c475d rgb(44,71,93)
```
#33516b
```
#33516b rgb(51,81,107)
```
#395b78
```
#395b78 rgb(57,91,120)
```
#3f6585
```
#3f6585 rgb(63,101,133)
```
#466f93
```
#466f93 rgb(70,111,147)
```
#4c79a0
```
#4c79a0 rgb(76,121,160)
```

Shade Color Variation

#5283ad
```
#5283ad rgb(82,131,173)
```
#608db3
```
#608db3 rgb(96,141,179)
```
#6d96ba
```
#6d96ba rgb(109,150,186)
```
#7aa0c0
```
#7aa0c0 rgb(122,160,192)
```
#88a9c6
```
#88a9c6 rgb(136,169,198)
```
#95b3cd
```
#95b3cd rgb(149,179,205)
```
#a2bdd3
```
#a2bdd3 rgb(162,189,211)
```
#b0c6d9
```
#b0c6d9 rgb(176,198,217)
```
#bdd0e0
```
#bdd0e0 rgb(189,208,224)
```
#cad9e6
```
#cad9e6 rgb(202,217,230)
```
#d7e3ec
```
#d7e3ec rgb(215,227,236)
```
#e5ecf3
```
#e5ecf3 rgb(229,236,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54595d is the less saturated color, while #035fae is the most saturated one.

#54595d
```
#54595d rgb(84,89,93)
```
#4d5964
```
#4d5964 rgb(77,89,100)
```
#475a6a
```
#475a6a rgb(71,90,106)
```
#405a71
```
#405a71 rgb(64,90,113)
```
#395b78
```
#395b78 rgb(57,91,120)
```
#325c7f
```
#325c7f rgb(50,92,127)
```
#2b5c86
```
#2b5c86 rgb(43,92,134)
```
#255d8c
```
#255d8c rgb(37,93,140)
```
#1e5d93
```
#1e5d93 rgb(30,93,147)
```
#175e9a
```
#175e9a rgb(23,94,154)
```
#105ea1
```
#105ea1 rgb(16,94,161)
```
#095fa8
```
#095fa8 rgb(9,95,168)
```
#035fae
```
#035fae rgb(3,95,174)
```

Tone Color Variation

Below, you can see how #395b78 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#545454 Achromatopsia 0.005% of the population
#4f555b Atypical Achromatopsia 0.001% of the population

Dichromacy

#585f7c Protanopia 1% of men
#555f80 Deuteranopia 1% of men
#3c666e Tritanopia 0.001% of the population

Trichromacy

#4c5d7a Protanomaly 1% of men, 0.01% of women
#4b5d7d Deuteranomaly 6% of men, 0.4% of women
#3b6271 Tritanomaly 0.01% of the population

#395b78 hex color

#395b78 Color Information

#395b78 Color Conversion

Color Schemes with #395b78

Alternatives to #395b78

#395b78 Preview

Shades and Tints of #395b78

Tones of #395b78

Color Blindness Simulator