#395fe5 hex color

In a RGB color space, hex #395fe5 is composed of 22.4% red, 37.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 58.5% magenta, 0% yellow and 10.2% black. It has a hue angle of 226.7 degrees, a saturation of 76.8% and a lightness of 56.1%. #395fe5 color hex could be obtained by blending #72beff with #0000cb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 37
- B 90
RGB color chart
- C 75
- M 59
- Y 0
- K 10
CMYK color chart

● #395fe5 color description : Bright blue.

The hexadecimal color #395fe5 has RGB values of R:57, G:95, B:229 and CMYK values of C:0.75, M:0.59, Y:0, K:0.1. Its decimal value is 3760101.

Hex triplet	395fe5	`#395fe5`
RGB Decimal	57, 95, 229	`rgb(57,95,229)`
RGB Percent	22.4, 37.3, 89.8	`rgb(22.4%,37.3%,89.8%)`
CMYK	75, 59, 0, 10
HSL	226.7°, 76.8, 56.1	`hsl(226.7,76.8%,56.1%)`
HSV (or HSB)	226.7°, 75.1, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.234, 33.054, -71.768
XYZ	19.919, 14.71, 75.914
xyY	0.18, 0.133, 14.71
CIE-LCH	45.234, 79.014, 294.729
CIE-LUV	45.234, -16.29, -109.165
Hunter-Lab	38.354, 25.587, -90.506
Binary	00111001, 01011111, 11100101

#395fe5
```
#395fe5 rgb(57,95,229)
```
#e5bf39
```
#e5bf39 rgb(229,191,57)
```

Complementary Color

#39b5e5
```
#39b5e5 rgb(57,181,229)
```
#395fe5
```
#395fe5 rgb(57,95,229)
```
#6939e5
```
#6939e5 rgb(105,57,229)
```

Analogous Color

#b5e539
```
#b5e539 rgb(181,229,57)
```
#395fe5
```
#395fe5 rgb(57,95,229)
```
#e56939
```
#e56939 rgb(229,105,57)
```

Split Complementary Color

#5fe539
```
#5fe539 rgb(95,229,57)
```
#395fe5
```
#395fe5 rgb(57,95,229)
```
#e5395f
```
#e5395f rgb(229,57,95)
```

Triadic Color

#39e5bf
```
#39e5bf rgb(57,229,191)
```
#395fe5
```
#395fe5 rgb(57,95,229)
```
#e5395f
```
#e5395f rgb(229,57,95)
```
#e5bf39
```
#e5bf39 rgb(229,191,57)
```

Tetradic Color

#183cb9
```
#183cb9 rgb(24,60,185)
```
#1b43d0
```
#1b43d0 rgb(27,67,208)
```
#224de2
```
#224de2 rgb(34,77,226)
```
#395fe5
```
#395fe5 rgb(57,95,229)
```
#5071e8
```
#5071e8 rgb(80,113,232)
```
#6683eb
```
#6683eb rgb(102,131,235)
```
#7d96ee
```
#7d96ee rgb(125,150,238)
```

Monochromatic Color

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

#398ae5
```
#398ae5 rgb(57,138,229)
```
#397ce5
```
#397ce5 rgb(57,124,229)
```
#396de5
```
#396de5 rgb(57,109,229)
```
#395fe5
```
#395fe5 rgb(57,95,229)
```
#3951e5
```
#3951e5 rgb(57,81,229)
```
#3942e5
```
#3942e5 rgb(57,66,229)
```
#3e39e5
```
#3e39e5 rgb(62,57,229)
```

Similar Colors

Text with hexadecimal color #395fe5

This text has a font color of #395fe5.

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

#395fe5 background color

This paragraph has a background color of #395fe5.

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

#395fe5 border color

This element has a border color of #395fe5.

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

CSS codes

.text {color:#395fe5;}

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

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

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, #01030a is the darkest color, while #f8f9fe is the lightest one.

#01030a
```
#01030a rgb(1,3,10)
```
#04091b
```
#04091b rgb(4,9,27)
```
#060e2d
```
#060e2d rgb(6,14,45)
```
#08143e
```
#08143e rgb(8,20,62)
```
#0a1a4f
```
#0a1a4f rgb(10,26,79)
```
#0d1f61
```
#0d1f61 rgb(13,31,97)
```
#0f2572
```
#0f2572 rgb(15,37,114)
```
#112a83
```
#112a83 rgb(17,42,131)
```
#143095
```
#143095 rgb(20,48,149)
```
#1636a6
```
#1636a6 rgb(22,54,166)
```
#183bb7
```
#183bb7 rgb(24,59,183)
```
#1a41c9
```
#1a41c9 rgb(26,65,201)
```
#1d47da
```
#1d47da rgb(29,71,218)
```

Shade Color Variation

#2851e3
```
#2851e3 rgb(40,81,227)
```
#395fe5
```
#395fe5 rgb(57,95,229)
```
#4a6de7
```
#4a6de7 rgb(74,109,231)
```
#5c7bea
```
#5c7bea rgb(92,123,234)
```
#6d89ec
```
#6d89ec rgb(109,137,236)
```
#7e97ee
```
#7e97ee rgb(126,151,238)
```
#90a5f0
```
#90a5f0 rgb(144,165,240)
```
#a1b3f3
```
#a1b3f3 rgb(161,179,243)
```
#b2c1f5
```
#b2c1f5 rgb(178,193,245)
```
#c4cff7
```
#c4cff7 rgb(196,207,247)
```
#d5ddf9
```
#d5ddf9 rgb(213,221,249)
```
#e6ebfc
```
#e6ebfc rgb(230,235,252)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#878a97
```
#878a97 rgb(135,138,151)
```
#7e85a0
```
#7e85a0 rgb(126,133,160)
```
#7581a9
```
#7581a9 rgb(117,129,169)
```
#6d7cb1
```
#6d7cb1 rgb(109,124,177)
```
#6477ba
```
#6477ba rgb(100,119,186)
```
#5b72c3
```
#5b72c3 rgb(91,114,195)
```
#536dcb
```
#536dcb rgb(83,109,203)
```
#4a69d4
```
#4a69d4 rgb(74,105,212)
```
#4264dc
```
#4264dc rgb(66,100,220)
```
#395fe5
```
#395fe5 rgb(57,95,229)
```
#305aee
```
#305aee rgb(48,90,238)
```
#2855f6
```
#2855f6 rgb(40,85,246)
```
#1f51ff
```
#1f51ff rgb(31,81,255)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5b627d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075be Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1469dd Protanomaly 1% of men, 0.01% of women
#146dcc Deuteranomaly 6% of men, 0.4% of women
#1472a8 Tritanomaly 0.01% of the population

#395fe5 hex color

#395fe5 Color Information

#395fe5 Color Conversion

Color Schemes with #395fe5

Alternatives to #395fe5

#395fe5 Preview

Shades and Tints of #395fe5

Tones of #395fe5

Color Blindness Simulator