#5478db hex color

In a RGB color space, hex #5478db is composed of 32.9% red, 47.1% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 45.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 224 degrees, a saturation of 65.2% and a lightness of 59.4%. #5478db color hex could be obtained by blending #a8f0ff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 47
- B 86
RGB color chart
- C 62
- M 45
- Y 0
- K 14
CMYK color chart

● #5478db color description : Soft blue.

The hexadecimal color #5478db has RGB values of R:84, G:120, B:219 and CMYK values of C:0.62, M:0.45, Y:0, K:0.14. Its decimal value is 5535963.

Hex triplet	5478db	`#5478db`
RGB Decimal	84, 120, 219	`rgb(84,120,219)`
RGB Percent	32.9, 47.1, 85.9	`rgb(32.9%,47.1%,85.9%)`
CMYK	62, 45, 0, 14
HSL	224°, 65.2, 59.4	`hsl(224,65.2%,59.4%)`
HSV (or HSB)	224°, 61.6, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.321, 17.794, -54.603
XYZ	23.156, 20.431, 69.737
xyY	0.204, 0.18, 20.431
CIE-LCH	52.321, 57.429, 288.05
CIE-LUV	52.321, -17.645, -86.438
Hunter-Lab	45.201, 12.344, -59.835
Binary	01010100, 01111000, 11011011

#5478db
```
#5478db rgb(84,120,219)
```
#dbb754
```
#dbb754 rgb(219,183,84)
```

Complementary Color

#54bcdb
```
#54bcdb rgb(84,188,219)
```
#5478db
```
#5478db rgb(84,120,219)
```
#7454db
```
#7454db rgb(116,84,219)
```

Analogous Color

#bcdb54
```
#bcdb54 rgb(188,219,84)
```
#5478db
```
#5478db rgb(84,120,219)
```
#db7454
```
#db7454 rgb(219,116,84)
```

Split Complementary Color

#78db54
```
#78db54 rgb(120,219,84)
```
#5478db
```
#5478db rgb(84,120,219)
```
#db5478
```
#db5478 rgb(219,84,120)
```

Triadic Color

#54dbb7
```
#54dbb7 rgb(84,219,183)
```
#5478db
```
#5478db rgb(84,120,219)
```
#db5478
```
#db5478 rgb(219,84,120)
```
#dbb754
```
#dbb754 rgb(219,183,84)
```

Tetradic Color

#274fbb
```
#274fbb rgb(39,79,187)
```
#2c58d0
```
#2c58d0 rgb(44,88,208)
```
#3f67d7
```
#3f67d7 rgb(63,103,215)
```
#5478db
```
#5478db rgb(84,120,219)
```
#6989df
```
#6989df rgb(105,137,223)
```
#7e99e4
```
#7e99e4 rgb(126,153,228)
```
#93aae8
```
#93aae8 rgb(147,170,232)
```

Monochromatic Color

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

#549adb
```
#549adb rgb(84,154,219)
```
#548fdb
```
#548fdb rgb(84,143,219)
```
#5483db
```
#5483db rgb(84,131,219)
```
#5478db
```
#5478db rgb(84,120,219)
```
#546ddb
```
#546ddb rgb(84,109,219)
```
#5462db
```
#5462db rgb(84,98,219)
```
#5456db
```
#5456db rgb(84,86,219)
```

Similar Colors

Text with hexadecimal color #5478db

This text has a font color of #5478db.

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

#5478db background color

This paragraph has a background color of #5478db.

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

#5478db border color

This element has a border color of #5478db.

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

CSS codes

.text {color:#5478db;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#050a17
```
#050a17 rgb(5,10,23)
```
#081128
```
#081128 rgb(8,17,40)
```
#0c1838
```
#0c1838 rgb(12,24,56)
```
#0f1e48
```
#0f1e48 rgb(15,30,72)
```
#132558
```
#132558 rgb(19,37,88)
```
#162c68
```
#162c68 rgb(22,44,104)
```
#193379
```
#193379 rgb(25,51,121)
```
#1d3a89
```
#1d3a89 rgb(29,58,137)
```
#204099
```
#204099 rgb(32,64,153)
```
#2447a9
```
#2447a9 rgb(36,71,169)
```
#274eb9
```
#274eb9 rgb(39,78,185)
```
#2a55ca
```
#2a55ca rgb(42,85,202)
```

Shade Color Variation

#345ed4
```
#345ed4 rgb(52,94,212)
```
#446bd8
```
#446bd8 rgb(68,107,216)
```
#5478db
```
#5478db rgb(84,120,219)
```
#6485de
```
#6485de rgb(100,133,222)
```
#7492e2
```
#7492e2 rgb(116,146,226)
```
#859ee5
```
#859ee5 rgb(133,158,229)
```
#95abe9
```
#95abe9 rgb(149,171,233)
```
#a5b8ec
```
#a5b8ec rgb(165,184,236)
```
#b5c5ef
```
#b5c5ef rgb(181,197,239)
```
#c5d2f3
```
#c5d2f3 rgb(197,210,243)
```
#d6def6
```
#d6def6 rgb(214,222,246)
```
#e6ebfa
```
#e6ebfa rgb(230,235,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94969b is the less saturated color, while #3469fb is the most saturated one.

#94969b
```
#94969b rgb(148,150,155)
```
#8c92a3
```
#8c92a3 rgb(140,146,163)
```
#848eab
```
#848eab rgb(132,142,171)
```
#7c8bb3
```
#7c8bb3 rgb(124,139,179)
```
#7487bb
```
#7487bb rgb(116,135,187)
```
#6c83c3
```
#6c83c3 rgb(108,131,195)
```
#647fcb
```
#647fcb rgb(100,127,203)
```
#5c7cd3
```
#5c7cd3 rgb(92,124,211)
```
#5478db
```
#5478db rgb(84,120,219)
```
#4c74e3
```
#4c74e3 rgb(76,116,227)
```
#4471eb
```
#4471eb rgb(68,113,235)
```
#3c6df3
```
#3c6df3 rgb(60,109,243)
```
#3469fb
```
#3469fb rgb(52,105,251)
```

Tone Color Variation

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

#5280de Protanopia 1% of men
#3085da Deuteranopia 1% of men
#2d8f99 Tritanopia 0.001% of the population

Trichromacy

#537ddd Protanomaly 1% of men, 0.01% of women
#3d80da Deuteranomaly 6% of men, 0.4% of women
#3b86b1 Tritanomaly 0.01% of the population

#5478db hex color

#5478db Color Information

#5478db Color Conversion

Color Schemes with #5478db

Alternatives to #5478db

#5478db Preview

Shades and Tints of #5478db

Tones of #5478db

Color Blindness Simulator