#395ae0 hex color

In a RGB color space, hex #395ae0 is composed of 22.4% red, 35.3% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 59.8% magenta, 0% yellow and 12.2% black. It has a hue angle of 228.1 degrees, a saturation of 72.9% and a lightness of 55.1%. #395ae0 color hex could be obtained by blending #72b4ff with #0000c1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 35
- B 88
RGB color chart
- C 75
- M 60
- Y 0
- K 12
CMYK color chart

● #395ae0 color description : Bright blue.

The hexadecimal color #395ae0 has RGB values of R:57, G:90, B:224 and CMYK values of C:0.75, M:0.6, Y:0, K:0.12. Its decimal value is 3758816.

Hex triplet	395ae0	`#395ae0`
RGB Decimal	57, 90, 224	`rgb(57,90,224)`
RGB Percent	22.4, 35.3, 87.8	`rgb(22.4%,35.3%,87.8%)`
CMYK	75, 60, 0, 12
HSL	228.1°, 72.9, 55.1	`hsl(228.1,72.9%,55.1%)`
HSV (or HSB)	228.1°, 74.6, 87.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.599, 34.407, -71.602
XYZ	18.795, 13.563, 72.144
xyY	0.18, 0.13, 13.563
CIE-LCH	43.599, 79.439, 295.666
CIE-LUV	43.599, -14.995, -107.733
Hunter-Lab	36.828, 26.651, -90.368
Binary	00111001, 01011010, 11100000

#395ae0
```
#395ae0 rgb(57,90,224)
```
#e0bf39
```
#e0bf39 rgb(224,191,57)
```

Complementary Color

#39aee0
```
#39aee0 rgb(57,174,224)
```
#395ae0
```
#395ae0 rgb(57,90,224)
```
#6c39e0
```
#6c39e0 rgb(108,57,224)
```

Analogous Color

#aee039
```
#aee039 rgb(174,224,57)
```
#395ae0
```
#395ae0 rgb(57,90,224)
```
#e06c39
```
#e06c39 rgb(224,108,57)
```

Split Complementary Color

#5ae039
```
#5ae039 rgb(90,224,57)
```
#395ae0
```
#395ae0 rgb(57,90,224)
```
#e0395a
```
#e0395a rgb(224,57,90)
```

Triadic Color

#39e0bf
```
#39e0bf rgb(57,224,191)
```
#395ae0
```
#395ae0 rgb(57,90,224)
```
#e0395a
```
#e0395a rgb(224,57,90)
```
#e0bf39
```
#e0bf39 rgb(224,191,57)
```

Tetradic Color

#1c39b1
```
#1c39b1 rgb(28,57,177)
```
#1f40c7
```
#1f40c7 rgb(31,64,199)
```
#2348dd
```
#2348dd rgb(35,72,221)
```
#395ae0
```
#395ae0 rgb(57,90,224)
```
#4f6ce3
```
#4f6ce3 rgb(79,108,227)
```
#657fe7
```
#657fe7 rgb(101,127,231)
```
#7b91ea
```
#7b91ea rgb(123,145,234)
```

Monochromatic Color

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

#3984e0
```
#3984e0 rgb(57,132,224)
```
#3976e0
```
#3976e0 rgb(57,118,224)
```
#3968e0
```
#3968e0 rgb(57,104,224)
```
#395ae0
```
#395ae0 rgb(57,90,224)
```
#394ce0
```
#394ce0 rgb(57,76,224)
```
#393ee0
```
#393ee0 rgb(57,62,224)
```
#4239e0
```
#4239e0 rgb(66,57,224)
```

Similar Colors

Text with hexadecimal color #395ae0

This text has a font color of #395ae0.

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

#395ae0 background color

This paragraph has a background color of #395ae0.

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

#395ae0 border color

This element has a border color of #395ae0.

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

CSS codes

.text {color:#395ae0;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#040716
```
#040716 rgb(4,7,22)
```
#060d27
```
#060d27 rgb(6,13,39)
```
#091238
```
#091238 rgb(9,18,56)
```
#0b1849
```
#0b1849 rgb(11,24,73)
```
#0e1d5a
```
#0e1d5a rgb(14,29,90)
```
#11236b
```
#11236b rgb(17,35,107)
```
#13287c
```
#13287c rgb(19,40,124)
```
#162e8d
```
#162e8d rgb(22,46,141)
```
#19339e
```
#19339e rgb(25,51,158)
```
#1b39af
```
#1b39af rgb(27,57,175)
```
#1e3ec0
```
#1e3ec0 rgb(30,62,192)
```
#2144d1
```
#2144d1 rgb(33,68,209)
```

Shade Color Variation

#284cdd
```
#284cdd rgb(40,76,221)
```
#395ae0
```
#395ae0 rgb(57,90,224)
```
#4a68e3
```
#4a68e3 rgb(74,104,227)
```
#5b76e5
```
#5b76e5 rgb(91,118,229)
```
#6c84e8
```
#6c84e8 rgb(108,132,232)
```
#7d93eb
```
#7d93eb rgb(125,147,235)
```
#8ea1ed
```
#8ea1ed rgb(142,161,237)
```
#9faff0
```
#9faff0 rgb(159,175,240)
```
#b0bdf3
```
#b0bdf3 rgb(176,189,243)
```
#c1cbf5
```
#c1cbf5 rgb(193,203,245)
```
#d2d9f8
```
#d2d9f8 rgb(210,217,248)
```
#e3e7fb
```
#e3e7fb rgb(227,231,251)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a91 is the less saturated color, while #1f4afa is the most saturated one.

#888a91
```
#888a91 rgb(136,138,145)
```
#7f859a
```
#7f859a rgb(127,133,154)
```
#777fa2
```
#777fa2 rgb(119,127,162)
```
#6e7aab
```
#6e7aab rgb(110,122,171)
```
#6575b4
```
#6575b4 rgb(101,117,180)
```
#5c6fbd
```
#5c6fbd rgb(92,111,189)
```
#536ac6
```
#536ac6 rgb(83,106,198)
```
#4b65ce
```
#4b65ce rgb(75,101,206)
```
#425fd7
```
#425fd7 rgb(66,95,215)
```
#395ae0
```
#395ae0 rgb(57,90,224)
```
#3055e9
```
#3055e9 rgb(48,85,233)
```
#274ff2
```
#274ff2 rgb(39,79,242)
```
#1f4afa
```
#1f4afa rgb(31,74,250)
```

Tone Color Variation

Below, you can see how #395ae0 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
#575e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1465d7 Protanomaly 1% of men, 0.01% of women
#1469c6 Deuteranomaly 6% of men, 0.4% of women
#146ea3 Tritanomaly 0.01% of the population

#395ae0 hex color

#395ae0 Color Information

#395ae0 Color Conversion

Color Schemes with #395ae0

Alternatives to #395ae0

#395ae0 Preview

Shades and Tints of #395ae0

Tones of #395ae0

Color Blindness Simulator