#5395e4 hex color

In a RGB color space, hex #5395e4 is composed of 32.5% red, 58.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 34.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 212.7 degrees, a saturation of 72.9% and a lightness of 61%. #5395e4 color hex could be obtained by blending #a6ffff with #002bc9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 58
- B 89
RGB color chart
- C 64
- M 35
- Y 0
- K 11
CMYK color chart

● #5395e4 color description : Soft blue.

The hexadecimal color #5395e4 has RGB values of R:83, G:149, B:228 and CMYK values of C:0.64, M:0.35, Y:0, K:0.11. Its decimal value is 5477860.

Hex triplet	5395e4	`#5395e4`
RGB Decimal	83, 149, 228	`rgb(83,149,228)`
RGB Percent	32.5, 58.4, 89.4	`rgb(32.5%,58.4%,89.4%)`
CMYK	64, 35, 0, 11
HSL	212.7°, 72.9, 61	`hsl(212.7,72.9%,61%)`
HSV (or HSB)	212.7°, 63.6, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.723, 3.234, -46.28
XYZ	28.315, 28.933, 77.487
xyY	0.21, 0.215, 28.933
CIE-LCH	60.723, 46.393, 273.997
CIE-LUV	60.723, -27.489, -73.839
Hunter-Lab	53.79, -0.169, -47.758
Binary	01010011, 10010101, 11100100

#5395e4
```
#5395e4 rgb(83,149,228)
```
#e4a253
```
#e4a253 rgb(228,162,83)
```

Complementary Color

#53dee4
```
#53dee4 rgb(83,222,228)
```
#5395e4
```
#5395e4 rgb(83,149,228)
```
#5a53e4
```
#5a53e4 rgb(90,83,228)
```

Analogous Color

#dee453
```
#dee453 rgb(222,228,83)
```
#5395e4
```
#5395e4 rgb(83,149,228)
```
#e45a53
```
#e45a53 rgb(228,90,83)
```

Split Complementary Color

#95e453
```
#95e453 rgb(149,228,83)
```
#5395e4
```
#5395e4 rgb(83,149,228)
```
#e45395
```
#e45395 rgb(228,83,149)
```

Triadic Color

#53e4a2
```
#53e4a2 rgb(83,228,162)
```
#5395e4
```
#5395e4 rgb(83,149,228)
```
#e45395
```
#e45395 rgb(228,83,149)
```
#e4a253
```
#e4a253 rgb(228,162,83)
```

Tetradic Color

#206ecb
```
#206ecb rgb(32,110,203)
```
#277add
```
#277add rgb(39,122,221)
```
#3d87e1
```
#3d87e1 rgb(61,135,225)
```
#5395e4
```
#5395e4 rgb(83,149,228)
```
#69a3e7
```
#69a3e7 rgb(105,163,231)
```
#7fb0eb
```
#7fb0eb rgb(127,176,235)
```
#95beee
```
#95beee rgb(149,190,238)
```

Monochromatic Color

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

#53b9e4
```
#53b9e4 rgb(83,185,228)
```
#53ade4
```
#53ade4 rgb(83,173,228)
```
#53a1e4
```
#53a1e4 rgb(83,161,228)
```
#5395e4
```
#5395e4 rgb(83,149,228)
```
#5389e4
```
#5389e4 rgb(83,137,228)
```
#537de4
```
#537de4 rgb(83,125,228)
```
#5371e4
```
#5371e4 rgb(83,113,228)
```

Similar Colors

Text with hexadecimal color #5395e4

This text has a font color of #5395e4.

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

#5395e4 background color

This paragraph has a background color of #5395e4.

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

#5395e4 border color

This element has a border color of #5395e4.

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

CSS codes

.text {color:#5395e4;}

.background {background-color:#5395e4;}

.border {border:1px solid #5395e4;}

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, #02080e is the darkest color, while #fdfdff is the lightest one.

#02080e
```
#02080e rgb(2,8,14)
```
#05111f
```
#05111f rgb(5,17,31)
```
#081a30
```
#081a30 rgb(8,26,48)
```
#0a2341
```
#0a2341 rgb(10,35,65)
```
#0d2d52
```
#0d2d52 rgb(13,45,82)
```
#103663
```
#103663 rgb(16,54,99)
```
#123f74
```
#123f74 rgb(18,63,116)
```
#154885
```
#154885 rgb(21,72,133)
```
#185196
```
#185196 rgb(24,81,150)
```
#1a5aa7
```
#1a5aa7 rgb(26,90,167)
```
#1d64b8
```
#1d64b8 rgb(29,100,184)
```
#206dc9
```
#206dc9 rgb(32,109,201)
```
#2276da
```
#2276da rgb(34,118,218)
```

Shade Color Variation

#3180df
```
#3180df rgb(49,128,223)
```
#428be1
```
#428be1 rgb(66,139,225)
```
#5395e4
```
#5395e4 rgb(83,149,228)
```
#649fe7
```
#649fe7 rgb(100,159,231)
```
#75aae9
```
#75aae9 rgb(117,170,233)
```
#86b4ec
```
#86b4ec rgb(134,180,236)
```
#97bfef
```
#97bfef rgb(151,191,239)
```
#a8c9f1
```
#a8c9f1 rgb(168,201,241)
```
#b9d4f4
```
#b9d4f4 rgb(185,212,244)
```
#cadef7
```
#cadef7 rgb(202,222,247)
```
#dbe9f9
```
#dbe9f9 rgb(219,233,249)
```
#ecf3fc
```
#ecf3fc rgb(236,243,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989b9f is the less saturated color, while #3c93fb is the most saturated one.

#989b9f
```
#989b9f rgb(152,155,159)
```
#909aa7
```
#909aa7 rgb(144,154,167)
```
#899aae
```
#899aae rgb(137,154,174)
```
#8199b6
```
#8199b6 rgb(129,153,182)
```
#7998be
```
#7998be rgb(121,152,190)
```
#7298c5
```
#7298c5 rgb(114,152,197)
```
#6a97cd
```
#6a97cd rgb(106,151,205)
```
#6296d5
```
#6296d5 rgb(98,150,213)
```
#5b96dc
```
#5b96dc rgb(91,150,220)
```
#5395e4
```
#5395e4 rgb(83,149,228)
```
#4b94ec
```
#4b94ec rgb(75,148,236)
```
#4494f3
```
#4494f3 rgb(68,148,243)
```
#3c93fb
```
#3c93fb rgb(60,147,251)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7f8c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a95e1 Protanopia 1% of men
#6898e6 Deuteranopia 1% of men
#35a5b1 Tritanopia 0.001% of the population

Trichromacy

#6c95e2 Protanomaly 1% of men, 0.01% of women
#6097e5 Deuteranomaly 6% of men, 0.4% of women
#409fc4 Tritanomaly 0.01% of the population

#5395e4 hex color

#5395e4 Color Information

#5395e4 Color Conversion

Color Schemes with #5395e4

Alternatives to #5395e4

#5395e4 Preview

Shades and Tints of #5395e4

Tones of #5395e4

Color Blindness Simulator