#395697 hex color

In a RGB color space, hex #395697 is composed of 22.4% red, 33.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 43% magenta, 0% yellow and 40.8% black. It has a hue angle of 221.5 degrees, a saturation of 45.2% and a lightness of 40.8%. #395697 color hex could be obtained by blending #72acff with #00002f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 34
- B 59
RGB color chart
- C 62
- M 43
- Y 0
- K 41
CMYK color chart

● #395697 color description : Dark moderate blue.

The hexadecimal color #395697 has RGB values of R:57, G:86, B:151 and CMYK values of C:0.62, M:0.43, Y:0, K:0.41. Its decimal value is 3757719.

Hex triplet	395697	`#395697`
RGB Decimal	57, 86, 151	`rgb(57,86,151)`
RGB Percent	22.4, 33.7, 59.2	`rgb(22.4%,33.7%,59.2%)`
CMYK	62, 43, 0, 41
HSL	221.5°, 45.2, 40.8	`hsl(221.5,45.2%,40.8%)`
HSV (or HSB)	221.5°, 62.3, 59.2
Web Safe	336699	`#336699`

CIE-LAB	37.407, 10.469, -38.925
XYZ	10.6, 9.759, 30.602
xyY	0.208, 0.192, 9.759
CIE-LCH	37.407, 40.309, 285.054
CIE-LUV	37.407, -13.334, -56.069
Hunter-Lab	31.24, 5.897, -36.211
Binary	00111001, 01010110, 10010111

#395697
```
#395697 rgb(57,86,151)
```
#977a39
```
#977a39 rgb(151,122,57)
```

Complementary Color

#398597
```
#398597 rgb(57,133,151)
```
#395697
```
#395697 rgb(57,86,151)
```
#4b3997
```
#4b3997 rgb(75,57,151)
```

Analogous Color

#859739
```
#859739 rgb(133,151,57)
```
#395697
```
#395697 rgb(57,86,151)
```
#974b39
```
#974b39 rgb(151,75,57)
```

Split Complementary Color

#569739
```
#569739 rgb(86,151,57)
```
#395697
```
#395697 rgb(57,86,151)
```
#973956
```
#973956 rgb(151,57,86)
```

Triadic Color

#39977a
```
#39977a rgb(57,151,122)
```
#395697
```
#395697 rgb(57,86,151)
```
#973956
```
#973956 rgb(151,57,86)
```
#977a39
```
#977a39 rgb(151,122,57)
```

Tetradic Color

#24365f
```
#24365f rgb(36,54,95)
```
#2b4172
```
#2b4172 rgb(43,65,114)
```
#324b84
```
#324b84 rgb(50,75,132)
```
#395697
```
#395697 rgb(57,86,151)
```
#4061aa
```
#4061aa rgb(64,97,170)
```
#496cba
```
#496cba rgb(73,108,186)
```
#5b7bc1
```
#5b7bc1 rgb(91,123,193)
```

Monochromatic Color

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

#396e97
```
#396e97 rgb(57,110,151)
```
#396697
```
#396697 rgb(57,102,151)
```
#395e97
```
#395e97 rgb(57,94,151)
```
#395697
```
#395697 rgb(57,86,151)
```
#394e97
```
#394e97 rgb(57,78,151)
```
#394697
```
#394697 rgb(57,70,151)
```
#393f97
```
#393f97 rgb(57,63,151)
```

Similar Colors

Text with hexadecimal color #395697

This text has a font color of #395697.

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

#395697 background color

This paragraph has a background color of #395697.

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

#395697 border color

This element has a border color of #395697.

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

CSS codes

.text {color:#395697;}

.background {background-color:#395697;}

.border {border:1px solid #395697;}

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, #030509 is the darkest color, while #f9fafd is the lightest one.

#030509
```
#030509 rgb(3,5,9)
```
#090d17
```
#090d17 rgb(9,13,23)
```
#0e1525
```
#0e1525 rgb(14,21,37)
```
#131d33
```
#131d33 rgb(19,29,51)
```
#192542
```
#192542 rgb(25,37,66)
```
#1e2d50
```
#1e2d50 rgb(30,45,80)
```
#23365e
```
#23365e rgb(35,54,94)
```
#293e6c
```
#293e6c rgb(41,62,108)
```
#2e467b
```
#2e467b rgb(46,70,123)
```
#344e89
```
#344e89 rgb(52,78,137)
```
#395697
```
#395697 rgb(57,86,151)
```
#3e5ea5
```
#3e5ea5 rgb(62,94,165)
```
#4466b3
```
#4466b3 rgb(68,102,179)
```

Shade Color Variation

#4e70bc
```
#4e70bc rgb(78,112,188)
```
#5d7cc2
```
#5d7cc2 rgb(93,124,194)
```
#6b87c7
```
#6b87c7 rgb(107,135,199)
```
#7993cc
```
#7993cc rgb(121,147,204)
```
#879ed2
```
#879ed2 rgb(135,158,210)
```
#96aad7
```
#96aad7 rgb(150,170,215)
```
#a4b5dd
```
#a4b5dd rgb(164,181,221)
```
#b2c1e2
```
#b2c1e2 rgb(178,193,226)
```
#c0cce7
```
#c0cce7 rgb(192,204,231)
```
#cfd8ed
```
#cfd8ed rgb(207,216,237)
```
#dde3f2
```
#dde3f2 rgb(221,227,242)
```
#ebeff7
```
#ebeff7 rgb(235,239,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61656f is the less saturated color, while #0141cf is the most saturated one.

#61656f
```
#61656f rgb(97,101,111)
```
#596277
```
#596277 rgb(89,98,119)
```
#515f7f
```
#515f7f rgb(81,95,127)
```
#495c87
```
#495c87 rgb(73,92,135)
```
#41598f
```
#41598f rgb(65,89,143)
```
#395697
```
#395697 rgb(57,86,151)
```
#31539f
```
#31539f rgb(49,83,159)
```
#2950a7
```
#2950a7 rgb(41,80,167)
```
#214daf
```
#214daf rgb(33,77,175)
```
#194ab7
```
#194ab7 rgb(25,74,183)
```
#1147bf
```
#1147bf rgb(17,71,191)
```
#0944c7
```
#0944c7 rgb(9,68,199)
```
#0141cf
```
#0141cf rgb(1,65,207)
```

Tone Color Variation

Below, you can see how #395697 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

#555555 Achromatopsia 0.005% of the population
#4f5562 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435e9c Protanopia 1% of men
#32619b Deuteranopia 1% of men
#276870 Tritanopia 0.001% of the population

Trichromacy

#3f5b9a Protanomaly 1% of men, 0.01% of women
#355d99 Deuteranomaly 6% of men, 0.4% of women
#2d627e Tritanomaly 0.01% of the population

#395697 hex color

#395697 Color Information

#395697 Color Conversion

Color Schemes with #395697

Alternatives to #395697

#395697 Preview

Shades and Tints of #395697

Tones of #395697

Color Blindness Simulator