#395aea hex color

In a RGB color space, hex #395aea is composed of 22.4% red, 35.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 61.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 228.8 degrees, a saturation of 80.8% and a lightness of 57.1%. #395aea color hex could be obtained by blending #72b4ff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 22
- G 35
- B 92
RGB color chart
- C 76
- M 62
- Y 0
- K 8
CMYK color chart

● #395aea color description : Bright blue.

The hexadecimal color #395aea has RGB values of R:57, G:90, B:234 and CMYK values of C:0.76, M:0.62, Y:0, K:0.08. Its decimal value is 3758826.

Hex triplet	395aea	`#395aea`
RGB Decimal	57, 90, 234	`rgb(57,90,234)`
RGB Percent	22.4, 35.3, 91.8	`rgb(22.4%,35.3%,91.8%)`
CMYK	76, 62, 0, 8
HSL	228.8°, 80.8, 57.1	`hsl(228.8,80.8%,57.1%)`
HSV (or HSB)	228.8°, 75.6, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.406, 37.97, -75.944
XYZ	20.192, 14.121, 79.499
xyY	0.177, 0.124, 14.121
CIE-LCH	44.406, 84.907, 296.564
CIE-LUV	44.406, -15.114, -114.429
Hunter-Lab	37.578, 30.15, -99.126
Binary	00111001, 01011010, 11101010

#395aea
```
#395aea rgb(57,90,234)
```
#eac939
```
#eac939 rgb(234,201,57)
```

Complementary Color

#39b3ea
```
#39b3ea rgb(57,179,234)
```
#395aea
```
#395aea rgb(57,90,234)
```
#7139ea
```
#7139ea rgb(113,57,234)
```

Analogous Color

#b3ea39
```
#b3ea39 rgb(179,234,57)
```
#395aea
```
#395aea rgb(57,90,234)
```
#ea7139
```
#ea7139 rgb(234,113,57)
```

Split Complementary Color

#5aea39
```
#5aea39 rgb(90,234,57)
```
#395aea
```
#395aea rgb(57,90,234)
```
#ea395a
```
#ea395a rgb(234,57,90)
```

Triadic Color

#39eac9
```
#39eac9 rgb(57,234,201)
```
#395aea
```
#395aea rgb(57,90,234)
```
#ea395a
```
#ea395a rgb(234,57,90)
```
#eac939
```
#eac939 rgb(234,201,57)
```

Tetradic Color

#1535c2
```
#1535c2 rgb(21,53,194)
```
#173bd9
```
#173bd9 rgb(23,59,217)
```
#2247e8
```
#2247e8 rgb(34,71,232)
```
#395aea
```
#395aea rgb(57,90,234)
```
#506dec
```
#506dec rgb(80,109,236)
```
#6780ef
```
#6780ef rgb(103,128,239)
```
#7e94f1
```
#7e94f1 rgb(126,148,241)
```

Monochromatic Color

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

#3986ea
```
#3986ea rgb(57,134,234)
```
#3978ea
```
#3978ea rgb(57,120,234)
```
#3969ea
```
#3969ea rgb(57,105,234)
```
#395aea
```
#395aea rgb(57,90,234)
```
#394bea
```
#394bea rgb(57,75,234)
```
#393dea
```
#393dea rgb(57,61,234)
```
#4439ea
```
#4439ea rgb(68,57,234)
```

Similar Colors

Text with hexadecimal color #395aea

This text has a font color of #395aea.

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

#395aea background color

This paragraph has a background color of #395aea.

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

#395aea border color

This element has a border color of #395aea.

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

CSS codes

.text {color:#395aea;}

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

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

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, #02040f is the darkest color, while #fcfdff is the lightest one.

#02040f
```
#02040f rgb(2,4,15)
```
#030921
```
#030921 rgb(3,9,33)
```
#050e32
```
#050e32 rgb(5,14,50)
```
#071344
```
#071344 rgb(7,19,68)
```
#091756
```
#091756 rgb(9,23,86)
```
#0b1c67
```
#0b1c67 rgb(11,28,103)
```
#0d2179
```
#0d2179 rgb(13,33,121)
```
#0f268b
```
#0f268b rgb(15,38,139)
```
#112b9d
```
#112b9d rgb(17,43,157)
```
#1230ae
```
#1230ae rgb(18,48,174)
```
#1434c0
```
#1434c0 rgb(20,52,192)
```
#1639d2
```
#1639d2 rgb(22,57,210)
```
#183ee4
```
#183ee4 rgb(24,62,228)
```

Shade Color Variation

#274be8
```
#274be8 rgb(39,75,232)
```
#395aea
```
#395aea rgb(57,90,234)
```
#4b69ec
```
#4b69ec rgb(75,105,236)
```
#5c78ee
```
#5c78ee rgb(92,120,238)
```
#6e86f0
```
#6e86f0 rgb(110,134,240)
```
#8095f2
```
#8095f2 rgb(128,149,242)
```
#92a4f3
```
#92a4f3 rgb(146,164,243)
```
#a3b3f5
```
#a3b3f5 rgb(163,179,245)
```
#b5c1f7
```
#b5c1f7 rgb(181,193,247)
```
#c7d0f9
```
#c7d0f9 rgb(199,208,249)
```
#d9dffb
```
#d9dffb rgb(217,223,251)
```
#eaeefd
```
#eaeefd rgb(234,238,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8f96 is the less saturated color, while #284ffb is the most saturated one.

#8d8f96
```
#8d8f96 rgb(141,143,150)
```
#858a9e
```
#858a9e rgb(133,138,158)
```
#7c84a7
```
#7c84a7 rgb(124,132,167)
```
#747faf
```
#747faf rgb(116,127,175)
```
#6c7ab7
```
#6c7ab7 rgb(108,122,183)
```
#6374c0
```
#6374c0 rgb(99,116,192)
```
#5b6fc8
```
#5b6fc8 rgb(91,111,200)
```
#526ad1
```
#526ad1 rgb(82,106,209)
```
#4a65d9
```
#4a65d9 rgb(74,101,217)
```
#415fe2
```
#415fe2 rgb(65,95,226)
```
#395aea
```
#395aea rgb(57,90,234)
```
#3155f2
```
#3155f2 rgb(49,85,242)
```
#284ffb
```
#284ffb rgb(40,79,251)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#59607c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1466dd Protanomaly 1% of men, 0.01% of women
#146acb Deuteranomaly 6% of men, 0.4% of women
#146fa8 Tritanomaly 0.01% of the population

#395aea hex color

#395aea Color Information

#395aea Color Conversion

Color Schemes with #395aea

Alternatives to #395aea

#395aea Preview

Shades and Tints of #395aea

Tones of #395aea

Color Blindness Simulator