#395695 hex color

In a RGB color space, hex #395695 is composed of 22.4% red, 33.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 42.3% magenta, 0% yellow and 41.6% black. It has a hue angle of 221.1 degrees, a saturation of 44.7% and a lightness of 40.4%. #395695 color hex could be obtained by blending #72acff with #00002b. Closest websafe color is: #336699.

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

● #395695 color description : Dark moderate blue.

The hexadecimal color #395695 has RGB values of R:57, G:86, B:149 and CMYK values of C:0.62, M:0.42, Y:0, K:0.42. Its decimal value is 3757717.

Hex triplet	395695	`#395695`
RGB Decimal	57, 86, 149	`rgb(57,86,149)`
RGB Percent	22.4, 33.7, 58.4	`rgb(22.4%,33.7%,58.4%)`
CMYK	62, 42, 0, 42
HSL	221.1°, 44.7, 40.4	`hsl(221.1,44.7%,40.4%)`
HSV (or HSB)	221.1°, 61.7, 58.4
Web Safe	336699	`#336699`

CIE-LAB	37.289, 9.752, -37.907
XYZ	10.439, 9.695, 29.753
xyY	0.209, 0.194, 9.695
CIE-LCH	37.289, 39.141, 284.427
CIE-LUV	37.289, -13.328, -54.475
Hunter-Lab	31.136, 5.355, -34.861
Binary	00111001, 01010110, 10010101

#395695
```
#395695 rgb(57,86,149)
```
#957839
```
#957839 rgb(149,120,57)
```

Complementary Color

#398495
```
#398495 rgb(57,132,149)
```
#395695
```
#395695 rgb(57,86,149)
```
#4a3995
```
#4a3995 rgb(74,57,149)
```

Analogous Color

#849539
```
#849539 rgb(132,149,57)
```
#395695
```
#395695 rgb(57,86,149)
```
#954a39
```
#954a39 rgb(149,74,57)
```

Split Complementary Color

#569539
```
#569539 rgb(86,149,57)
```
#395695
```
#395695 rgb(57,86,149)
```
#953956
```
#953956 rgb(149,57,86)
```

Triadic Color

#399578
```
#399578 rgb(57,149,120)
```
#395695
```
#395695 rgb(57,86,149)
```
#953956
```
#953956 rgb(149,57,86)
```
#957839
```
#957839 rgb(149,120,57)
```

Tetradic Color

#24365e
```
#24365e rgb(36,54,94)
```
#2b4170
```
#2b4170 rgb(43,65,112)
```
#324b83
```
#324b83 rgb(50,75,131)
```
#395695
```
#395695 rgb(57,86,149)
```
#4061a7
```
#4061a7 rgb(64,97,167)
```
#486cb9
```
#486cb9 rgb(72,108,185)
```
#5a7ac0
```
#5a7ac0 rgb(90,122,192)
```

Monochromatic Color

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

#396d95
```
#396d95 rgb(57,109,149)
```
#396595
```
#396595 rgb(57,101,149)
```
#395e95
```
#395e95 rgb(57,94,149)
```
#395695
```
#395695 rgb(57,86,149)
```
#394e95
```
#394e95 rgb(57,78,149)
```
#394795
```
#394795 rgb(57,71,149)
```
#393f95
```
#393f95 rgb(57,63,149)
```

Similar Colors

Text with hexadecimal color #395695

This text has a font color of #395695.

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

#395695 background color

This paragraph has a background color of #395695.

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

#395695 border color

This element has a border color of #395695.

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

CSS codes

.text {color:#395695;}

.background {background-color:#395695;}

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080c15
```
#080c15 rgb(8,12,21)
```
#0e1423
```
#0e1423 rgb(14,20,35)
```
#131d32
```
#131d32 rgb(19,29,50)
```
#182540
```
#182540 rgb(24,37,64)
```
#1e2d4e
```
#1e2d4e rgb(30,45,78)
```
#23355c
```
#23355c rgb(35,53,92)
```
#293d6a
```
#293d6a rgb(41,61,106)
```
#2e4679
```
#2e4679 rgb(46,70,121)
```
#344e87
```
#344e87 rgb(52,78,135)
```
#395695
```
#395695 rgb(57,86,149)
```
#3e5ea3
```
#3e5ea3 rgb(62,94,163)
```
#4466b1
```
#4466b1 rgb(68,102,177)
```

Shade Color Variation

#4e70bb
```
#4e70bb rgb(78,112,187)
```
#5c7cc1
```
#5c7cc1 rgb(92,124,193)
```
#6a87c6
```
#6a87c6 rgb(106,135,198)
```
#7892cb
```
#7892cb rgb(120,146,203)
```
#869ed1
```
#869ed1 rgb(134,158,209)
```
#95a9d6
```
#95a9d6 rgb(149,169,214)
```
#a3b5dc
```
#a3b5dc rgb(163,181,220)
```
#b1c0e1
```
#b1c0e1 rgb(177,192,225)
```
#bfcce7
```
#bfcce7 rgb(191,204,231)
```
#cdd7ec
```
#cdd7ec rgb(205,215,236)
```
#dce2f1
```
#dce2f1 rgb(220,226,241)
```
#eaeef7
```
#eaeef7 rgb(234,238,247)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#61656d
```
#61656d rgb(97,101,109)
```
#596275
```
#596275 rgb(89,98,117)
```
#515f7d
```
#515f7d rgb(81,95,125)
```
#495c85
```
#495c85 rgb(73,92,133)
```
#41598d
```
#41598d rgb(65,89,141)
```
#395695
```
#395695 rgb(57,86,149)
```
#31539d
```
#31539d rgb(49,83,157)
```
#2950a5
```
#2950a5 rgb(41,80,165)
```
#214dad
```
#214dad rgb(33,77,173)
```
#194ab5
```
#194ab5 rgb(25,74,181)
```
#1147bd
```
#1147bd rgb(17,71,189)
```
#0944c5
```
#0944c5 rgb(9,68,197)
```
#0242cc
```
#0242cc rgb(2,66,204)
```

Tone Color Variation

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

#455e9a Protanopia 1% of men
#356199 Deuteranopia 1% of men
#296870 Tritanopia 0.001% of the population

Trichromacy

#405b98 Protanomaly 1% of men, 0.01% of women
#365d97 Deuteranomaly 6% of men, 0.4% of women
#2e617d Tritanomaly 0.01% of the population

#395695 hex color

#395695 Color Information

#395695 Color Conversion

Color Schemes with #395695

Alternatives to #395695

#395695 Preview

Shades and Tints of #395695

Tones of #395695

Color Blindness Simulator