#5478df hex color

In a RGB color space, hex #5478df is composed of 32.9% red, 47.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 46.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 224.5 degrees, a saturation of 68.5% and a lightness of 60.2%. #5478df color hex could be obtained by blending #a8f0ff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 47
- B 87
RGB color chart
- C 62
- M 46
- Y 0
- K 13
CMYK color chart

● #5478df color description : Soft blue.

The hexadecimal color #5478df has RGB values of R:84, G:120, B:223 and CMYK values of C:0.62, M:0.46, Y:0, K:0.13. Its decimal value is 5535967.

Hex triplet	5478df	`#5478df`
RGB Decimal	84, 120, 223	`rgb(84,120,223)`
RGB Percent	32.9, 47.1, 87.5	`rgb(32.9%,47.1%,87.5%)`
CMYK	62, 46, 0, 13
HSL	224.5°, 68.5, 60.2	`hsl(224.5,68.5%,60.2%)`
HSV (or HSB)	224.5°, 62.3, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.558, 19.151, -56.477
XYZ	23.689, 20.644, 72.544
xyY	0.203, 0.177, 20.644
CIE-LCH	52.558, 59.636, 288.731
CIE-LUV	52.558, -17.671, -89.592
Hunter-Lab	45.436, 13.553, -62.859
Binary	01010100, 01111000, 11011111

#5478df
```
#5478df rgb(84,120,223)
```
#dfbb54
```
#dfbb54 rgb(223,187,84)
```

Complementary Color

#54bedf
```
#54bedf rgb(84,190,223)
```
#5478df
```
#5478df rgb(84,120,223)
```
#7654df
```
#7654df rgb(118,84,223)
```

Analogous Color

#bedf54
```
#bedf54 rgb(190,223,84)
```
#5478df
```
#5478df rgb(84,120,223)
```
#df7654
```
#df7654 rgb(223,118,84)
```

Split Complementary Color

#78df54
```
#78df54 rgb(120,223,84)
```
#5478df
```
#5478df rgb(84,120,223)
```
#df5478
```
#df5478 rgb(223,84,120)
```

Triadic Color

#54dfbb
```
#54dfbb rgb(84,223,187)
```
#5478df
```
#5478df rgb(84,120,223)
```
#df5478
```
#df5478 rgb(223,84,120)
```
#dfbb54
```
#dfbb54 rgb(223,187,84)
```

Tetradic Color

#244dc2
```
#244dc2 rgb(36,77,194)
```
#2956d7
```
#2956d7 rgb(41,86,215)
```
#3f67db
```
#3f67db rgb(63,103,219)
```
#5478df
```
#5478df rgb(84,120,223)
```
#6989e3
```
#6989e3 rgb(105,137,227)
```
#7f9ae7
```
#7f9ae7 rgb(127,154,231)
```
#94abeb
```
#94abeb rgb(148,171,235)
```

Monochromatic Color

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

#549bdf
```
#549bdf rgb(84,155,223)
```
#548fdf
```
#548fdf rgb(84,143,223)
```
#5484df
```
#5484df rgb(84,132,223)
```
#5478df
```
#5478df rgb(84,120,223)
```
#546cdf
```
#546cdf rgb(84,108,223)
```
#5461df
```
#5461df rgb(84,97,223)
```
#5455df
```
#5455df rgb(84,85,223)
```

Similar Colors

Text with hexadecimal color #5478df

This text has a font color of #5478df.

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

#5478df background color

This paragraph has a background color of #5478df.

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

#5478df border color

This element has a border color of #5478df.

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

CSS codes

.text {color:#5478df;}

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

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

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, #02040b is the darkest color, while #f9fafe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#050b1b
```
#050b1b rgb(5,11,27)
```
#08112c
```
#08112c rgb(8,17,44)
```
#0b183c
```
#0b183c rgb(11,24,60)
```
#0e1f4d
```
#0e1f4d rgb(14,31,77)
```
#11255d
```
#11255d rgb(17,37,93)
```
#152c6e
```
#152c6e rgb(21,44,110)
```
#18327e
```
#18327e rgb(24,50,126)
```
#1b398f
```
#1b398f rgb(27,57,143)
```
#1e3f9f
```
#1e3f9f rgb(30,63,159)
```
#2146b0
```
#2146b0 rgb(33,70,176)
```
#244dc1
```
#244dc1 rgb(36,77,193)
```
#2753d1
```
#2753d1 rgb(39,83,209)
```

Shade Color Variation

#335ed9
```
#335ed9 rgb(51,94,217)
```
#436bdc
```
#436bdc rgb(67,107,220)
```
#5478df
```
#5478df rgb(84,120,223)
```
#6585e2
```
#6585e2 rgb(101,133,226)
```
#7592e5
```
#7592e5 rgb(117,146,229)
```
#869fe8
```
#869fe8 rgb(134,159,232)
```
#96aceb
```
#96aceb rgb(150,172,235)
```
#a7b9ee
```
#a7b9ee rgb(167,185,238)
```
#b7c6f2
```
#b7c6f2 rgb(183,198,242)
```
#c8d3f5
```
#c8d3f5 rgb(200,211,245)
```
#d8e0f8
```
#d8e0f8 rgb(216,224,248)
```
#e9edfb
```
#e9edfb rgb(233,237,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9296a1 is the less saturated color, while #3569fe is the most saturated one.

#9296a1
```
#9296a1 rgb(146,150,161)
```
#8b92a8
```
#8b92a8 rgb(139,146,168)
```
#838fb0
```
#838fb0 rgb(131,143,176)
```
#7b8bb8
```
#7b8bb8 rgb(123,139,184)
```
#7387c0
```
#7387c0 rgb(115,135,192)
```
#6b83c8
```
#6b83c8 rgb(107,131,200)
```
#6480cf
```
#6480cf rgb(100,128,207)
```
#5c7cd7
```
#5c7cd7 rgb(92,124,215)
```
#5478df
```
#5478df rgb(84,120,223)
```
#4c74e7
```
#4c74e7 rgb(76,116,231)
```
#4470ef
```
#4470ef rgb(68,112,239)
```
#3d6df6
```
#3d6df6 rgb(61,109,246)
```
#3569fe
```
#3569fe rgb(53,105,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#72798d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f80e2 Protanopia 1% of men
#2486dd Deuteranopia 1% of men
#28909a Tritanopia 0.001% of the population

Trichromacy

#517de1 Protanomaly 1% of men, 0.01% of women
#3680de Deuteranomaly 6% of men, 0.4% of women
#3887b3 Tritanomaly 0.01% of the population

#5478df hex color

#5478df Color Information

#5478df Color Conversion

Color Schemes with #5478df

Alternatives to #5478df

#5478df Preview

Shades and Tints of #5478df

Tones of #5478df

Color Blindness Simulator