#5395ed hex color

In a RGB color space, hex #5395ed is composed of 32.5% red, 58.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 37.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 214.3 degrees, a saturation of 81.1% and a lightness of 62.7%. #5395ed color hex could be obtained by blending #a6ffff with #002bdb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 58
- B 93
RGB color chart
- C 65
- M 37
- Y 0
- K 7
CMYK color chart

● #5395ed color description : Soft blue.

The hexadecimal color #5395ed has RGB values of R:83, G:149, B:237 and CMYK values of C:0.65, M:0.37, Y:0, K:0.07. Its decimal value is 5477869.

Hex triplet	5395ed	`#5395ed`
RGB Decimal	83, 149, 237	`rgb(83,149,237)`
RGB Percent	32.5, 58.4, 92.9	`rgb(32.5%,58.4%,92.9%)`
CMYK	65, 37, 0, 7
HSL	214.3°, 81.1, 62.7	`hsl(214.3,81.1%,62.7%)`
HSV (or HSB)	214.3°, 65, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.174, 6.258, -50.547
XYZ	29.597, 29.446, 84.24
xyY	0.207, 0.206, 29.446
CIE-LCH	61.174, 50.932, 277.058
CIE-LUV	61.174, -27.294, -81.352
Hunter-Lab	54.264, 2.396, -54.057
Binary	01010011, 10010101, 11101101

#5395ed
```
#5395ed rgb(83,149,237)
```
#edab53
```
#edab53 rgb(237,171,83)
```

Complementary Color

#53e2ed
```
#53e2ed rgb(83,226,237)
```
#5395ed
```
#5395ed rgb(83,149,237)
```
#5e53ed
```
#5e53ed rgb(94,83,237)
```

Analogous Color

#e2ed53
```
#e2ed53 rgb(226,237,83)
```
#5395ed
```
#5395ed rgb(83,149,237)
```
#ed5e53
```
#ed5e53 rgb(237,94,83)
```

Split Complementary Color

#95ed53
```
#95ed53 rgb(149,237,83)
```
#5395ed
```
#5395ed rgb(83,149,237)
```
#ed5395
```
#ed5395 rgb(237,83,149)
```

Triadic Color

#53edab
```
#53edab rgb(83,237,171)
```
#5395ed
```
#5395ed rgb(83,149,237)
```
#ed5395
```
#ed5395 rgb(237,83,149)
```
#edab53
```
#edab53 rgb(237,171,83)
```

Tetradic Color

#176cdc
```
#176cdc rgb(23,108,220)
```
#2579e8
```
#2579e8 rgb(37,121,232)
```
#3c87eb
```
#3c87eb rgb(60,135,235)
```
#5395ed
```
#5395ed rgb(83,149,237)
```
#6aa3ef
```
#6aa3ef rgb(106,163,239)
```
#81b1f2
```
#81b1f2 rgb(129,177,242)
```
#98c0f4
```
#98c0f4 rgb(152,192,244)
```

Monochromatic Color

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

#53bced
```
#53bced rgb(83,188,237)
```
#53afed
```
#53afed rgb(83,175,237)
```
#53a2ed
```
#53a2ed rgb(83,162,237)
```
#5395ed
```
#5395ed rgb(83,149,237)
```
#5388ed
```
#5388ed rgb(83,136,237)
```
#537bed
```
#537bed rgb(83,123,237)
```
#536fed
```
#536fed rgb(83,111,237)
```

Similar Colors

Text with hexadecimal color #5395ed

This text has a font color of #5395ed.

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

#5395ed background color

This paragraph has a background color of #5395ed.

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

#5395ed border color

This element has a border color of #5395ed.

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

CSS codes

.text {color:#5395ed;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#020b17
```
#020b17 rgb(2,11,23)
```
#041429
```
#041429 rgb(4,20,41)
```
#061d3b
```
#061d3b rgb(6,29,59)
```
#08254d
```
#08254d rgb(8,37,77)
```
#0a2e5e
```
#0a2e5e rgb(10,46,94)
```
#0c3770
```
#0c3770 rgb(12,55,112)
```
#0e3f82
```
#0e3f82 rgb(14,63,130)
```
#0f4894
```
#0f4894 rgb(15,72,148)
```
#1151a5
```
#1151a5 rgb(17,81,165)
```
#1359b7
```
#1359b7 rgb(19,89,183)
```
#1562c9
```
#1562c9 rgb(21,98,201)
```
#176bdb
```
#176bdb rgb(23,107,219)
```

Shade Color Variation

#1e74e7
```
#1e74e7 rgb(30,116,231)
```
#2f7fe9
```
#2f7fe9 rgb(47,127,233)
```
#418aeb
```
#418aeb rgb(65,138,235)
```
#5395ed
```
#5395ed rgb(83,149,237)
```
#65a0ef
```
#65a0ef rgb(101,160,239)
```
#77abf1
```
#77abf1 rgb(119,171,241)
```
#88b6f3
```
#88b6f3 rgb(136,182,243)
```
#9ac1f4
```
#9ac1f4 rgb(154,193,244)
```
#acccf6
```
#acccf6 rgb(172,204,246)
```
#bed7f8
```
#bed7f8 rgb(190,215,248)
```
#cfe2fa
```
#cfe2fa rgb(207,226,250)
```
#e1edfc
```
#e1edfc rgb(225,237,252)
```
#f3f7fe
```
#f3f7fe rgb(243,247,254)
```

Tint Color Variation

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

#9c9fa4
```
#9c9fa4 rgb(156,159,164)
```
#959eab
```
#959eab rgb(149,158,171)
```
#8d9db3
```
#8d9db3 rgb(141,157,179)
```
#869cba
```
#869cba rgb(134,156,186)
```
#7f9bc1
```
#7f9bc1 rgb(127,155,193)
```
#789ac8
```
#789ac8 rgb(120,154,200)
```
#7099d0
```
#7099d0 rgb(112,153,208)
```
#6998d7
```
#6998d7 rgb(105,152,215)
```
#6297de
```
#6297de rgb(98,151,222)
```
#5a96e6
```
#5a96e6 rgb(90,150,230)
```
#5395ed
```
#5395ed rgb(83,149,237)
```
#4c94f4
```
#4c94f4 rgb(76,148,244)
```
#4493fc
```
#4493fc rgb(68,147,252)
```

Tone Color Variation

Below, you can see how #5395ed 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
#808d9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7696ea Protanopia 1% of men
#5f99ee Deuteranopia 1% of men
#2aa7b3 Tritanopia 0.001% of the population

Trichromacy

#6995eb Protanomaly 1% of men, 0.01% of women
#5b98ed Deuteranomaly 6% of men, 0.4% of women
#39a0c8 Tritanomaly 0.01% of the population

#5395ed hex color

#5395ed Color Information

#5395ed Color Conversion

Color Schemes with #5395ed

Alternatives to #5395ed

#5395ed Preview

Shades and Tints of #5395ed

Tones of #5395ed

Color Blindness Simulator