#5395ea hex color

In a RGB color space, hex #5395ea is composed of 32.5% red, 58.4% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 36.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 213.8 degrees, a saturation of 78.2% and a lightness of 62.2%. #5395ea color hex could be obtained by blending #a6ffff with #002bd5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 58
- B 92
RGB color chart
- C 65
- M 36
- Y 0
- K 8
CMYK color chart

● #5395ea color description : Soft blue.

The hexadecimal color #5395ea has RGB values of R:83, G:149, B:234 and CMYK values of C:0.65, M:0.36, Y:0, K:0.08. Its decimal value is 5477866.

Hex triplet	5395ea	`#5395ea`
RGB Decimal	83, 149, 234	`rgb(83,149,234)`
RGB Percent	32.5, 58.4, 91.8	`rgb(32.5%,58.4%,91.8%)`
CMYK	65, 36, 0, 8
HSL	213.8°, 78.2, 62.2	`hsl(213.8,78.2%,62.2%)`
HSV (or HSB)	213.8°, 64.5, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.021, 5.247, -49.13
XYZ	29.163, 29.272, 81.951
xyY	0.208, 0.209, 29.272
CIE-LCH	61.021, 49.41, 276.095
CIE-LUV	61.021, -27.358, -78.858
Hunter-Lab	54.104, 1.531, -51.933
Binary	01010011, 10010101, 11101010

#5395ea
```
#5395ea rgb(83,149,234)
```
#eaa853
```
#eaa853 rgb(234,168,83)
```

Complementary Color

#53e1ea
```
#53e1ea rgb(83,225,234)
```
#5395ea
```
#5395ea rgb(83,149,234)
```
#5d53ea
```
#5d53ea rgb(93,83,234)
```

Analogous Color

#e1ea53
```
#e1ea53 rgb(225,234,83)
```
#5395ea
```
#5395ea rgb(83,149,234)
```
#ea5d53
```
#ea5d53 rgb(234,93,83)
```

Split Complementary Color

#95ea53
```
#95ea53 rgb(149,234,83)
```
#5395ea
```
#5395ea rgb(83,149,234)
```
#ea5395
```
#ea5395 rgb(234,83,149)
```

Triadic Color

#53eaa8
```
#53eaa8 rgb(83,234,168)
```
#5395ea
```
#5395ea rgb(83,149,234)
```
#ea5395
```
#ea5395 rgb(234,83,149)
```
#eaa853
```
#eaa853 rgb(234,168,83)
```

Tetradic Color

#1a6cd6
```
#1a6cd6 rgb(26,108,214)
```
#2679e4
```
#2679e4 rgb(38,121,228)
```
#3c87e7
```
#3c87e7 rgb(60,135,231)
```
#5395ea
```
#5395ea rgb(83,149,234)
```
#6aa3ed
```
#6aa3ed rgb(106,163,237)
```
#80b1f0
```
#80b1f0 rgb(128,177,240)
```
#97bff2
```
#97bff2 rgb(151,191,242)
```

Monochromatic Color

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

#53bbea
```
#53bbea rgb(83,187,234)
```
#53aeea
```
#53aeea rgb(83,174,234)
```
#53a2ea
```
#53a2ea rgb(83,162,234)
```
#5395ea
```
#5395ea rgb(83,149,234)
```
#5388ea
```
#5388ea rgb(83,136,234)
```
#537cea
```
#537cea rgb(83,124,234)
```
#536fea
```
#536fea rgb(83,111,234)
```

Similar Colors

Text with hexadecimal color #5395ea

This text has a font color of #5395ea.

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

#5395ea background color

This paragraph has a background color of #5395ea.

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

#5395ea border color

This element has a border color of #5395ea.

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

CSS codes

.text {color:#5395ea;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#020a14
```
#020a14 rgb(2,10,20)
```
#051326
```
#051326 rgb(5,19,38)
```
#071c37
```
#071c37 rgb(7,28,55)
```
#092549
```
#092549 rgb(9,37,73)
```
#0b2e5a
```
#0b2e5a rgb(11,46,90)
```
#0d366c
```
#0d366c rgb(13,54,108)
```
#0f3f7d
```
#0f3f7d rgb(15,63,125)
```
#11488f
```
#11488f rgb(17,72,143)
```
#1451a0
```
#1451a0 rgb(20,81,160)
```
#165ab2
```
#165ab2 rgb(22,90,178)
```
#1863c3
```
#1863c3 rgb(24,99,195)
```
#1a6cd5
```
#1a6cd5 rgb(26,108,213)
```

Shade Color Variation

#1f75e4
```
#1f75e4 rgb(31,117,228)
```
#307fe6
```
#307fe6 rgb(48,127,230)
```
#428ae8
```
#428ae8 rgb(66,138,232)
```
#5395ea
```
#5395ea rgb(83,149,234)
```
#64a0ec
```
#64a0ec rgb(100,160,236)
```
#76abee
```
#76abee rgb(118,171,238)
```
#87b5f0
```
#87b5f0 rgb(135,181,240)
```
#99c0f3
```
#99c0f3 rgb(153,192,243)
```
#aacbf5
```
#aacbf5 rgb(170,203,245)
```
#bcd6f7
```
#bcd6f7 rgb(188,214,247)
```
#cde0f9
```
#cde0f9 rgb(205,224,249)
```
#dfebfb
```
#dfebfb rgb(223,235,251)
```
#f0f6fd
```
#f0f6fd rgb(240,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9ea0 is the less saturated color, while #4493f9 is the most saturated one.

#9d9ea0
```
#9d9ea0 rgb(157,158,160)
```
#969da7
```
#969da7 rgb(150,157,167)
```
#8e9caf
```
#8e9caf rgb(142,156,175)
```
#879cb6
```
#879cb6 rgb(135,156,182)
```
#809bbd
```
#809bbd rgb(128,155,189)
```
#789ac5
```
#789ac5 rgb(120,154,197)
```
#7199cc
```
#7199cc rgb(113,153,204)
```
#6998d4
```
#6998d4 rgb(105,152,212)
```
#6297db
```
#6297db rgb(98,151,219)
```
#5a96e3
```
#5a96e3 rgb(90,150,227)
```
#5395ea
```
#5395ea rgb(83,149,234)
```
#4c94f1
```
#4c94f1 rgb(76,148,241)
```
#4493f9
```
#4493f9 rgb(68,147,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#808d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7796e7 Protanopia 1% of men
#6399eb Deuteranopia 1% of men
#2ea6b3 Tritanopia 0.001% of the population

Trichromacy

#6a95e8 Protanomaly 1% of men, 0.01% of women
#5d97eb Deuteranomaly 6% of men, 0.4% of women
#3ba0c7 Tritanomaly 0.01% of the population

#5395ea hex color

#5395ea Color Information

#5395ea Color Conversion

Color Schemes with #5395ea

Alternatives to #5395ea

#5395ea Preview

Shades and Tints of #5395ea

Tones of #5395ea

Color Blindness Simulator