#5478ca hex color

In a RGB color space, hex #5478ca is composed of 32.9% red, 47.1% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 40.6% magenta, 0% yellow and 20.8% black. It has a hue angle of 221.7 degrees, a saturation of 52.7% and a lightness of 56.1%. #5478ca color hex could be obtained by blending #a8f0ff with #000095. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 47
- B 79
RGB color chart
- C 58
- M 41
- Y 0
- K 21
CMYK color chart

● #5478ca color description : Moderate blue.

The hexadecimal color #5478ca has RGB values of R:84, G:120, B:202 and CMYK values of C:0.58, M:0.41, Y:0, K:0.21. Its decimal value is 5535946.

Hex triplet	5478ca	`#5478ca`
RGB Decimal	84, 120, 202	`rgb(84,120,202)`
RGB Percent	32.9, 47.1, 79.2	`rgb(32.9%,47.1%,79.2%)`
CMYK	58, 41, 0, 21
HSL	221.7°, 52.7, 56.1	`hsl(221.7,52.7%,56.1%)`
HSV (or HSB)	221.7°, 58.4, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.36, 12.075, -46.494
XYZ	21.031, 19.581, 58.545
xyY	0.212, 0.197, 19.581
CIE-LCH	51.36, 48.037, 284.559
CIE-LUV	51.36, -17.554, -72.754
Hunter-Lab	44.25, 7.398, -47.468
Binary	01010100, 01111000, 11001010

#5478ca
```
#5478ca rgb(84,120,202)
```
#caa654
```
#caa654 rgb(202,166,84)
```

Complementary Color

#54b3ca
```
#54b3ca rgb(84,179,202)
```
#5478ca
```
#5478ca rgb(84,120,202)
```
#6b54ca
```
#6b54ca rgb(107,84,202)
```

Analogous Color

#b3ca54
```
#b3ca54 rgb(179,202,84)
```
#5478ca
```
#5478ca rgb(84,120,202)
```
#ca6b54
```
#ca6b54 rgb(202,107,84)
```

Split Complementary Color

#78ca54
```
#78ca54 rgb(120,202,84)
```
#5478ca
```
#5478ca rgb(84,120,202)
```
#ca5478
```
#ca5478 rgb(202,84,120)
```

Triadic Color

#54caa6
```
#54caa6 rgb(84,202,166)
```
#5478ca
```
#5478ca rgb(84,120,202)
```
#ca5478
```
#ca5478 rgb(202,84,120)
```
#caa654
```
#caa654 rgb(202,166,84)
```

Tetradic Color

#3253a0
```
#3253a0 rgb(50,83,160)
```
#385db3
```
#385db3 rgb(56,93,179)
```
#4169c4
```
#4169c4 rgb(65,105,196)
```
#5478ca
```
#5478ca rgb(84,120,202)
```
#6787d0
```
#6787d0 rgb(103,135,208)
```
#7b97d6
```
#7b97d6 rgb(123,151,214)
```
#8ea6dc
```
#8ea6dc rgb(142,166,220)
```

Monochromatic Color

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

#5496ca
```
#5496ca rgb(84,150,202)
```
#548cca
```
#548cca rgb(84,140,202)
```
#5482ca
```
#5482ca rgb(84,130,202)
```
#5478ca
```
#5478ca rgb(84,120,202)
```
#546eca
```
#546eca rgb(84,110,202)
```
#5464ca
```
#5464ca rgb(84,100,202)
```
#545bca
```
#545bca rgb(84,91,202)
```

Similar Colors

Text with hexadecimal color #5478ca

This text has a font color of #5478ca.

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

#5478ca background color

This paragraph has a background color of #5478ca.

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

#5478ca border color

This element has a border color of #5478ca.

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

CSS codes

.text {color:#5478ca;}

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

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

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

#030509
```
#030509 rgb(3,5,9)
```
#070c18
```
#070c18 rgb(7,12,24)
```
#0c1427
```
#0c1427 rgb(12,20,39)
```
#111c36
```
#111c36 rgb(17,28,54)
```
#152445
```
#152445 rgb(21,36,69)
```
#1a2b54
```
#1a2b54 rgb(26,43,84)
```
#1f3363
```
#1f3363 rgb(31,51,99)
```
#233b72
```
#233b72 rgb(35,59,114)
```
#284380
```
#284380 rgb(40,67,128)
```
#2c4b8f
```
#2c4b8f rgb(44,75,143)
```
#31529e
```
#31529e rgb(49,82,158)
```
#365aad
```
#365aad rgb(54,90,173)
```
#3a62bc
```
#3a62bc rgb(58,98,188)
```

Shade Color Variation

#456cc5
```
#456cc5 rgb(69,108,197)
```
#5478ca
```
#5478ca rgb(84,120,202)
```
#6384cf
```
#6384cf rgb(99,132,207)
```
#7290d3
```
#7290d3 rgb(114,144,211)
```
#819bd8
```
#819bd8 rgb(129,155,216)
```
#90a7dd
```
#90a7dd rgb(144,167,221)
```
#9fb3e1
```
#9fb3e1 rgb(159,179,225)
```
#aebfe6
```
#aebfe6 rgb(174,191,230)
```
#bdcbea
```
#bdcbea rgb(189,203,234)
```
#ccd7ef
```
#ccd7ef rgb(204,215,239)
```
#dbe2f4
```
#dbe2f4 rgb(219,226,244)
```
#eaeef8
```
#eaeef8 rgb(234,238,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#888c96
```
#888c96 rgb(136,140,150)
```
#7f899f
```
#7f899f rgb(127,137,159)
```
#7685a8
```
#7685a8 rgb(118,133,168)
```
#6e82b0
```
#6e82b0 rgb(110,130,176)
```
#657fb9
```
#657fb9 rgb(101,127,185)
```
#5d7bc1
```
#5d7bc1 rgb(93,123,193)
```
#5478ca
```
#5478ca rgb(84,120,202)
```
#4b75d3
```
#4b75d3 rgb(75,117,211)
```
#4371db
```
#4371db rgb(67,113,219)
```
#3a6ee4
```
#3a6ee4 rgb(58,110,228)
```
#326bec
```
#326bec rgb(50,107,236)
```
#2967f5
```
#2967f5 rgb(41,103,245)
```
#2064fe
```
#2064fe rgb(32,100,254)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#707788 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e7ecc Protanopia 1% of men
#4c82cb Deuteranopia 1% of men
#3e8b95 Tritanopia 0.001% of the population

Trichromacy

#5a7ccb Protanomaly 1% of men, 0.01% of women
#4f7eca Deuteranomaly 6% of men, 0.4% of women
#4684a8 Tritanomaly 0.01% of the population

#5478ca hex color

#5478ca Color Information

#5478ca Color Conversion

Color Schemes with #5478ca

Alternatives to #5478ca

#5478ca Preview

Shades and Tints of #5478ca

Tones of #5478ca

Color Blindness Simulator