#5493e9 hex color

In a RGB color space, hex #5493e9 is composed of 32.9% red, 57.6% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 36.9% magenta, 0% yellow and 8.6% black. It has a hue angle of 214.6 degrees, a saturation of 77.2% and a lightness of 62.2%. #5493e9 color hex could be obtained by blending #a8ffff with #0027d3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 58
- B 91
RGB color chart
- C 64
- M 37
- Y 0
- K 9
CMYK color chart

● #5493e9 color description : Soft blue.

The hexadecimal color #5493e9 has RGB values of R:84, G:147, B:233 and CMYK values of C:0.64, M:0.37, Y:0, K:0.09. Its decimal value is 5542889.

Hex triplet	5493e9	`#5493e9`
RGB Decimal	84, 147, 233	`rgb(84,147,233)`
RGB Percent	32.9, 57.6, 91.4	`rgb(32.9%,57.6%,91.4%)`
CMYK	64, 37, 0, 9
HSL	214.6°, 77.2, 62.2	`hsl(214.6,77.2%,62.2%)`
HSV (or HSB)	214.6°, 63.9, 91.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.457, 6.255, -49.469
XYZ	28.795, 28.634, 81.096
xyY	0.208, 0.207, 28.634
CIE-LCH	60.457, 49.863, 277.206
CIE-LUV	60.457, -26.464, -79.397
Hunter-Lab	53.51, 2.41, -52.398
Binary	01010100, 10010011, 11101001

#5493e9
```
#5493e9 rgb(84,147,233)
```
#e9aa54
```
#e9aa54 rgb(233,170,84)
```

Complementary Color

#54dee9
```
#54dee9 rgb(84,222,233)
```
#5493e9
```
#5493e9 rgb(84,147,233)
```
#6054e9
```
#6054e9 rgb(96,84,233)
```

Analogous Color

#dee954
```
#dee954 rgb(222,233,84)
```
#5493e9
```
#5493e9 rgb(84,147,233)
```
#e96054
```
#e96054 rgb(233,96,84)
```

Split Complementary Color

#93e954
```
#93e954 rgb(147,233,84)
```
#5493e9
```
#5493e9 rgb(84,147,233)
```
#e95493
```
#e95493 rgb(233,84,147)
```

Triadic Color

#54e9aa
```
#54e9aa rgb(84,233,170)
```
#5493e9
```
#5493e9 rgb(84,147,233)
```
#e95493
```
#e95493 rgb(233,84,147)
```
#e9aa54
```
#e9aa54 rgb(233,170,84)
```

Tetradic Color

#1b6ad5
```
#1b6ad5 rgb(27,106,213)
```
#2776e3
```
#2776e3 rgb(39,118,227)
```
#3d85e6
```
#3d85e6 rgb(61,133,230)
```
#5493e9
```
#5493e9 rgb(84,147,233)
```
#6ba1ec
```
#6ba1ec rgb(107,161,236)
```
#81b0ef
```
#81b0ef rgb(129,176,239)
```
#98bef2
```
#98bef2 rgb(152,190,242)
```

Monochromatic Color

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

#54b8e9
```
#54b8e9 rgb(84,184,233)
```
#54ace9
```
#54ace9 rgb(84,172,233)
```
#549fe9
```
#549fe9 rgb(84,159,233)
```
#5493e9
```
#5493e9 rgb(84,147,233)
```
#5487e9
```
#5487e9 rgb(84,135,233)
```
#547ae9
```
#547ae9 rgb(84,122,233)
```
#546ee9
```
#546ee9 rgb(84,110,233)
```

Similar Colors

Text with hexadecimal color #5493e9

This text has a font color of #5493e9.

<span style="color:#5493e9;">Text here</span>

#5493e9 background color

This paragraph has a background color of #5493e9.

<p style="background-color:#5493e9;">Content here</p>

#5493e9 border color

This element has a border color of #5493e9.

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

CSS codes

.text {color:#5493e9;}

.background {background-color:#5493e9;}

.border {border:1px solid #5493e9;}

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)
```
#030a14
```
#030a14 rgb(3,10,20)
```
#051326
```
#051326 rgb(5,19,38)
```
#071b37
```
#071b37 rgb(7,27,55)
```
#092448
```
#092448 rgb(9,36,72)
```
#0c2d5a
```
#0c2d5a rgb(12,45,90)
```
#0e356b
```
#0e356b rgb(14,53,107)
```
#103e7c
```
#103e7c rgb(16,62,124)
```
#12478e
```
#12478e rgb(18,71,142)
```
#144f9f
```
#144f9f rgb(20,79,159)
```
#1758b1
```
#1758b1 rgb(23,88,177)
```
#1960c2
```
#1960c2 rgb(25,96,194)
```
#1b69d3
```
#1b69d3 rgb(27,105,211)
```

Shade Color Variation

#2072e2
```
#2072e2 rgb(32,114,226)
```
#317de5
```
#317de5 rgb(49,125,229)
```
#4388e7
```
#4388e7 rgb(67,136,231)
```
#5493e9
```
#5493e9 rgb(84,147,233)
```
#659eeb
```
#659eeb rgb(101,158,235)
```
#77a9ed
```
#77a9ed rgb(119,169,237)
```
#88b4f0
```
#88b4f0 rgb(136,180,240)
```
#9abff2
```
#9abff2 rgb(154,191,242)
```
#abcaf4
```
#abcaf4 rgb(171,202,244)
```
#bcd5f6
```
#bcd5f6 rgb(188,213,246)
```
#cee0f9
```
#cee0f9 rgb(206,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, #9e9e9f is the less saturated color, while #4591f8 is the most saturated one.

#9e9e9f
```
#9e9e9f rgb(158,158,159)
```
#979da6
```
#979da6 rgb(151,157,166)
```
#8f9cae
```
#8f9cae rgb(143,156,174)
```
#889bb5
```
#889bb5 rgb(136,155,181)
```
#819abc
```
#819abc rgb(129,154,188)
```
#7999c4
```
#7999c4 rgb(121,153,196)
```
#7298cb
```
#7298cb rgb(114,152,203)
```
#6a96d3
```
#6a96d3 rgb(106,150,211)
```
#6395da
```
#6395da rgb(99,149,218)
```
#5b94e2
```
#5b94e2 rgb(91,148,226)
```
#5493e9
```
#5493e9 rgb(84,147,233)
```
#4d92f0
```
#4d92f0 rgb(77,146,240)
```
#4591f8
```
#4591f8 rgb(69,145,248)
```

Tone Color Variation

Below, you can see how #5493e9 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
#7f8c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7594e7 Protanopia 1% of men
#6098ea Deuteranopia 1% of men
#30a5b1 Tritanopia 0.001% of the population

Trichromacy

#6994e7 Protanomaly 1% of men, 0.01% of women
#5c96e9 Deuteranomaly 6% of men, 0.4% of women
#3d9ec5 Tritanomaly 0.01% of the population

#5493e9 hex color

#5493e9 Color Information

#5493e9 Color Conversion

Color Schemes with #5493e9

Alternatives to #5493e9

#5493e9 Preview

Shades and Tints of #5493e9

Tones of #5493e9

Color Blindness Simulator