#395ec7 hex color

In a RGB color space, hex #395ec7 is composed of 22.4% red, 36.9% green and 78% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 52.8% magenta, 0% yellow and 22% black. It has a hue angle of 224.4 degrees, a saturation of 55.9% and a lightness of 50.2%. #395ec7 color hex could be obtained by blending #72bcff with #00008f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 37
- B 78
RGB color chart
- C 71
- M 53
- Y 0
- K 22
CMYK color chart

● #395ec7 color description : Moderate blue.

The hexadecimal color #395ec7 has RGB values of R:57, G:94, B:199 and CMYK values of C:0.71, M:0.53, Y:0, K:0.22. Its decimal value is 3759815.

Hex triplet	395ec7	`#395ec7`
RGB Decimal	57, 94, 199	`rgb(57,94,199)`
RGB Percent	22.4, 36.9, 78	`rgb(22.4%,36.9%,78%)`
CMYK	71, 53, 0, 22
HSL	224.4°, 55.9, 50.2	`hsl(224.4,55.9%,50.2%)`
HSV (or HSB)	224.4°, 71.4, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.76, 22.783, -58.64
XYZ	15.997, 12.998, 55.695
xyY	0.189, 0.153, 12.998
CIE-LCH	42.76, 62.91, 291.232
CIE-LUV	42.76, -15.89, -88.333
Hunter-Lab	36.052, 16.11, -66.357
Binary	00111001, 01011110, 11000111

#395ec7
```
#395ec7 rgb(57,94,199)
```
#c7a239
```
#c7a239 rgb(199,162,57)
```

Complementary Color

#39a5c7
```
#39a5c7 rgb(57,165,199)
```
#395ec7
```
#395ec7 rgb(57,94,199)
```
#5b39c7
```
#5b39c7 rgb(91,57,199)
```

Analogous Color

#a5c739
```
#a5c739 rgb(165,199,57)
```
#395ec7
```
#395ec7 rgb(57,94,199)
```
#c75b39
```
#c75b39 rgb(199,91,57)
```

Split Complementary Color

#5ec739
```
#5ec739 rgb(94,199,57)
```
#395ec7
```
#395ec7 rgb(57,94,199)
```
#c7395e
```
#c7395e rgb(199,57,94)
```

Triadic Color

#39c7a2
```
#39c7a2 rgb(57,199,162)
```
#395ec7
```
#395ec7 rgb(57,94,199)
```
#c7395e
```
#c7395e rgb(199,57,94)
```
#c7a239
```
#c7a239 rgb(199,162,57)
```

Tetradic Color

#28428c
```
#28428c rgb(40,66,140)
```
#2d4ba0
```
#2d4ba0 rgb(45,75,160)
```
#3354b4
```
#3354b4 rgb(51,84,180)
```
#395ec7
```
#395ec7 rgb(57,94,199)
```
#4d6ecd
```
#4d6ecd rgb(77,110,205)
```
#617ed2
```
#617ed2 rgb(97,126,210)
```
#758ed8
```
#758ed8 rgb(117,142,216)
```

Monochromatic Color

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

#3982c7
```
#3982c7 rgb(57,130,199)
```
#3976c7
```
#3976c7 rgb(57,118,199)
```
#396ac7
```
#396ac7 rgb(57,106,199)
```
#395ec7
```
#395ec7 rgb(57,94,199)
```
#3952c7
```
#3952c7 rgb(57,82,199)
```
#3946c7
```
#3946c7 rgb(57,70,199)
```
#393bc7
```
#393bc7 rgb(57,59,199)
```

Similar Colors

Text with hexadecimal color #395ec7

This text has a font color of #395ec7.

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

#395ec7 background color

This paragraph has a background color of #395ec7.

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

#395ec7 border color

This element has a border color of #395ec7.

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

CSS codes

.text {color:#395ec7;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050810
```
#050810 rgb(5,8,16)
```
#090f1f
```
#090f1f rgb(9,15,31)
```
#0d162f
```
#0d162f rgb(13,22,47)
```
#121d3e
```
#121d3e rgb(18,29,62)
```
#16244d
```
#16244d rgb(22,36,77)
```
#1a2b5d
```
#1a2b5d rgb(26,43,93)
```
#1e336c
```
#1e336c rgb(30,51,108)
```
#233a7b
```
#233a7b rgb(35,58,123)
```
#27418a
```
#27418a rgb(39,65,138)
```
#2b489a
```
#2b489a rgb(43,72,154)
```
#304fa9
```
#304fa9 rgb(48,79,169)
```
#3457b8
```
#3457b8 rgb(52,87,184)
```

Shade Color Variation

#395ec7
```
#395ec7 rgb(57,94,199)
```
#486acb
```
#486acb rgb(72,106,203)
```
#5877d0
```
#5877d0 rgb(88,119,208)
```
#6783d4
```
#6783d4 rgb(103,131,212)
```
#7690d8
```
#7690d8 rgb(118,144,216)
```
#859cdd
```
#859cdd rgb(133,156,221)
```
#95a9e1
```
#95a9e1 rgb(149,169,225)
```
#a4b5e5
```
#a4b5e5 rgb(164,181,229)
```
#b3c1ea
```
#b3c1ea rgb(179,193,234)
```
#c3ceee
```
#c3ceee rgb(195,206,238)
```
#d2daf2
```
#d2daf2 rgb(210,218,242)
```
#e1e7f7
```
#e1e7f7 rgb(225,231,247)
```
#f0f3fb
```
#f0f3fb rgb(240,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7f83 is the less saturated color, while #0847f8 is the most saturated one.

#7d7f83
```
#7d7f83 rgb(125,127,131)
```
#747a8c
```
#747a8c rgb(116,122,140)
```
#6a7596
```
#6a7596 rgb(106,117,150)
```
#6071a0
```
#6071a0 rgb(96,113,160)
```
#566caa
```
#566caa rgb(86,108,170)
```
#4d67b3
```
#4d67b3 rgb(77,103,179)
```
#4363bd
```
#4363bd rgb(67,99,189)
```
#395ec7
```
#395ec7 rgb(57,94,199)
```
#2f59d1
```
#2f59d1 rgb(47,89,209)
```
#2555db
```
#2555db rgb(37,85,219)
```
#1c50e4
```
#1c50e4 rgb(28,80,228)
```
#124bee
```
#124bee rgb(18,75,238)
```
#0847f8
```
#0847f8 rgb(8,71,248)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#575f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b69cc Protanopia 1% of men
#006fb6 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#2665ca Protanomaly 1% of men, 0.01% of women
#1468bc Deuteranomaly 6% of men, 0.4% of women
#146e99 Tritanomaly 0.01% of the population

#395ec7 hex color

#395ec7 Color Information

#395ec7 Color Conversion

Color Schemes with #395ec7

Alternatives to #395ec7

#395ec7 Preview

Shades and Tints of #395ec7

Tones of #395ec7

Color Blindness Simulator