#5478eb hex color

In a RGB color space, hex #5478eb is composed of 32.9% red, 47.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 48.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 225.7 degrees, a saturation of 79.1% and a lightness of 62.5%. #5478eb color hex could be obtained by blending #a8f0ff with #0000d7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 47
- B 92
RGB color chart
- C 64
- M 49
- Y 0
- K 8
CMYK color chart

● #5478eb color description : Soft blue.

The hexadecimal color #5478eb has RGB values of R:84, G:120, B:235 and CMYK values of C:0.64, M:0.49, Y:0, K:0.08. Its decimal value is 5535979.

Hex triplet	5478eb	`#5478eb`
RGB Decimal	84, 120, 235	`rgb(84,120,235)`
RGB Percent	32.9, 47.1, 92.2	`rgb(32.9%,47.1%,92.2%)`
CMYK	64, 49, 0, 8
HSL	225.7°, 79.1, 62.5	`hsl(225.7,79.1%,62.5%)`
HSV (or HSB)	225.7°, 64.3, 92.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.292, 23.238, -62.026
XYZ	25.365, 21.314, 81.37
xyY	0.198, 0.166, 21.314
CIE-LCH	53.292, 66.236, 290.538
CIE-LUV	53.292, -17.762, -98.9
Hunter-Lab	46.168, 17.276, -72.181
Binary	01010100, 01111000, 11101011

#5478eb
```
#5478eb rgb(84,120,235)
```
#ebc754
```
#ebc754 rgb(235,199,84)
```

Complementary Color

#54c4eb
```
#54c4eb rgb(84,196,235)
```
#5478eb
```
#5478eb rgb(84,120,235)
```
#7c54eb
```
#7c54eb rgb(124,84,235)
```

Analogous Color

#c4eb54
```
#c4eb54 rgb(196,235,84)
```
#5478eb
```
#5478eb rgb(84,120,235)
```
#eb7c54
```
#eb7c54 rgb(235,124,84)
```

Split Complementary Color

#78eb54
```
#78eb54 rgb(120,235,84)
```
#5478eb
```
#5478eb rgb(84,120,235)
```
#eb5478
```
#eb5478 rgb(235,84,120)
```

Triadic Color

#54ebc7
```
#54ebc7 rgb(84,235,199)
```
#5478eb
```
#5478eb rgb(84,120,235)
```
#eb5478
```
#eb5478 rgb(235,84,120)
```
#ebc754
```
#ebc754 rgb(235,199,84)
```

Tetradic Color

#1947d9
```
#1947d9 rgb(25,71,217)
```
#2654e6
```
#2654e6 rgb(38,84,230)
```
#3d66e8
```
#3d66e8 rgb(61,102,232)
```
#5478eb
```
#5478eb rgb(84,120,235)
```
#6b8aee
```
#6b8aee rgb(107,138,238)
```
#829cf0
```
#829cf0 rgb(130,156,240)
```
#98aef3
```
#98aef3 rgb(152,174,243)
```

Monochromatic Color

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

#549eeb
```
#549eeb rgb(84,158,235)
```
#5491eb
```
#5491eb rgb(84,145,235)
```
#5485eb
```
#5485eb rgb(84,133,235)
```
#5478eb
```
#5478eb rgb(84,120,235)
```
#546beb
```
#546beb rgb(84,107,235)
```
#545feb
```
#545feb rgb(84,95,235)
```
#5654eb
```
#5654eb rgb(86,84,235)
```

Similar Colors

Text with hexadecimal color #5478eb

This text has a font color of #5478eb.

<span style="color:#5478eb;">Text here</span>

#5478eb background color

This paragraph has a background color of #5478eb.

<p style="background-color:#5478eb;">Content here</p>

#5478eb border color

This element has a border color of #5478eb.

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

CSS codes

.text {color:#5478eb;}

.background {background-color:#5478eb;}

.border {border:1px solid #5478eb;}

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

#010205
```
#010205 rgb(1,2,5)
```
#030716
```
#030716 rgb(3,7,22)
```
#050d28
```
#050d28 rgb(5,13,40)
```
#071339
```
#071339 rgb(7,19,57)
```
#09194b
```
#09194b rgb(9,25,75)
```
#0b1e5c
```
#0b1e5c rgb(11,30,92)
```
#0d246e
```
#0d246e rgb(13,36,110)
```
#0f2a80
```
#0f2a80 rgb(15,42,128)
```
#113091
```
#113091 rgb(17,48,145)
```
#1335a3
```
#1335a3 rgb(19,53,163)
```
#153bb4
```
#153bb4 rgb(21,59,180)
```
#1741c6
```
#1741c6 rgb(23,65,198)
```
#1947d7
```
#1947d7 rgb(25,71,215)
```

Shade Color Variation

#1f4ee5
```
#1f4ee5 rgb(31,78,229)
```
#315ce7
```
#315ce7 rgb(49,92,231)
```
#426ae9
```
#426ae9 rgb(66,106,233)
```
#5478eb
```
#5478eb rgb(84,120,235)
```
#6686ed
```
#6686ed rgb(102,134,237)
```
#7794ef
```
#7794ef rgb(119,148,239)
```
#89a2f1
```
#89a2f1 rgb(137,162,241)
```
#9aaff3
```
#9aaff3 rgb(154,175,243)
```
#acbdf5
```
#acbdf5 rgb(172,189,245)
```
#bdcbf7
```
#bdcbf7 rgb(189,203,247)
```
#cfd9f9
```
#cfd9f9 rgb(207,217,249)
```
#e0e7fb
```
#e0e7fb rgb(224,231,251)
```
#f2f5fd
```
#f2f5fd rgb(242,245,253)
```

Tint Color Variation

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

#9d9ea2
```
#9d9ea2 rgb(157,158,162)
```
#969ba9
```
#969ba9 rgb(150,155,169)
```
#8f97b0
```
#8f97b0 rgb(143,151,176)
```
#8793b8
```
#8793b8 rgb(135,147,184)
```
#808fbf
```
#808fbf rgb(128,143,191)
```
#798bc6
```
#798bc6 rgb(121,139,198)
```
#7187ce
```
#7187ce rgb(113,135,206)
```
#6a84d5
```
#6a84d5 rgb(106,132,213)
```
#6380dc
```
#6380dc rgb(99,128,220)
```
#5b7ce4
```
#5b7ce4 rgb(91,124,228)
```
#5478eb
```
#5478eb rgb(84,120,235)
```
#4d74f2
```
#4d74f2 rgb(77,116,242)
```
#4570fa
```
#4570fa rgb(69,112,250)
```

Tone Color Variation

Below, you can see how #5478eb 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

#7a7a7a Achromatopsia 0.005% of the population
#727a91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4282ee Protanopia 1% of men
#0088e2 Deuteranopia 1% of men
#00929d Tritanopia 0.001% of the population

Trichromacy

#497eed Protanomaly 1% of men, 0.01% of women
#1e82e5 Deuteranomaly 6% of men, 0.4% of women
#1e89b9 Tritanomaly 0.01% of the population

#5478eb hex color

#5478eb Color Information

#5478eb Color Conversion

Color Schemes with #5478eb

Alternatives to #5478eb

#5478eb Preview

Shades and Tints of #5478eb

Tones of #5478eb

Color Blindness Simulator