colorhexa.com

#5473d0 hex color

In a RGB color space, hex #5473d0 is composed of 32.9% red, 45.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 44.7% magenta, 0% yellow and 18.4% black. It has a hue angle of 225 degrees, a saturation of 56.9% and a lightness of 57.3%. #5473d0 color hex could be obtained by blending #a8e6ff with #0000a1. Closest websafe color is: #6666cc.

- R 33
- G 45
- B 82
RGB color chart
- C 60
- M 45
- Y 0
- K 18
CMYK color chart

● #5473d0 color description : Moderate blue.

The hexadecimal color #5473d0 has RGB values of R:84, G:115, B:208 and CMYK values of C:0.6, M:0.45, Y:0, K:0.18. Its decimal value is 5534672.

Hex triplet	5473d0	`#5473d0`
RGB Decimal	84, 115, 208	`rgb(84,115,208)`
RGB Percent	32.9, 45.1, 81.6	`rgb(32.9%,45.1%,81.6%)`
CMYK	60, 45, 0, 18
HSL	225°, 56.9, 57.3	`hsl(225,56.9%,57.3%)`
HSV (or HSB)	225°, 59.6, 81.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.333, 17.163, -51.549
XYZ	21.17, 18.699, 62.165
xyY	0.207, 0.183, 18.699
CIE-LCH	50.333, 54.331, 288.415
CIE-LUV	50.333, -15.948, -80.863
Hunter-Lab	43.243, 11.711, -54.964
Binary	01010100, 01110011, 11010000

#5473d0
```
#5473d0 rgb(84,115,208)
```
#d0b154
```
#d0b154 rgb(208,177,84)
```

Complementary Color

#54b1d0
```
#54b1d0 rgb(84,177,208)
```
#5473d0
```
#5473d0 rgb(84,115,208)
```
#7354d0
```
#7354d0 rgb(115,84,208)
```

Analogous Color

#b1d054
```
#b1d054 rgb(177,208,84)
```
#5473d0
```
#5473d0 rgb(84,115,208)
```
#d07354
```
#d07354 rgb(208,115,84)
```

Split Complementary Color

#73d054
```
#73d054 rgb(115,208,84)
```
#5473d0
```
#5473d0 rgb(84,115,208)
```
#d05473
```
#d05473 rgb(208,84,115)
```

Triadic Color

#54d0b1
```
#54d0b1 rgb(84,208,177)
```
#5473d0
```
#5473d0 rgb(84,115,208)
```
#d05473
```
#d05473 rgb(208,84,115)
```
#d0b154
```
#d0b154 rgb(208,177,84)
```

Tetradic Color

#2e4da9
```
#2e4da9 rgb(46,77,169)
```
#3456bd
```
#3456bd rgb(52,86,189)
```
#4063cb
```
#4063cb rgb(64,99,203)
```
#5473d0
```
#5473d0 rgb(84,115,208)
```
#6883d5
```
#6883d5 rgb(104,131,213)
```
#7c94db
```
#7c94db rgb(124,148,219)
```
#90a4e0
```
#90a4e0 rgb(144,164,224)
```

Monochromatic Color

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

#5492d0
```
#5492d0 rgb(84,146,208)
```
#5488d0
```
#5488d0 rgb(84,136,208)
```
#547dd0
```
#547dd0 rgb(84,125,208)
```
#5473d0
```
#5473d0 rgb(84,115,208)
```
#5469d0
```
#5469d0 rgb(84,105,208)
```
#545ed0
```
#545ed0 rgb(84,94,208)
```
#5454d0
```
#5454d0 rgb(84,84,208)
```

Similar Colors

Text with hexadecimal color #5473d0

This text has a font color of #5473d0.

<span style="color:#5473d0;">Text here</span>

#5473d0 background color

This paragraph has a background color of #5473d0.

<p style="background-color:#5473d0;">Content here</p>

#5473d0 border color

This element has a border color of #5473d0.

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

CSS codes

.text {color:#5473d0;}

.background {background-color:#5473d0;}

.border {border:1px solid #5473d0;}

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, #04060e is the darkest color, while #fdfeff is the lightest one.

#04060e
```
#04060e rgb(4,6,14)
```
#080d1d
```
#080d1d rgb(8,13,29)
```
#0c142c
```
#0c142c rgb(12,20,44)
```
#101b3c
```
#101b3c rgb(16,27,60)
```
#15224b
```
#15224b rgb(21,34,75)
```
#19295b
```
#19295b rgb(25,41,91)
```
#1d306a
```
#1d306a rgb(29,48,106)
```
#213779
```
#213779 rgb(33,55,121)
```
#263e89
```
#263e89 rgb(38,62,137)
```
#2a4598
```
#2a4598 rgb(42,69,152)
```
#2e4ca8
```
#2e4ca8 rgb(46,76,168)
```
#3253b7
```
#3253b7 rgb(50,83,183)
```
#365ac6
```
#365ac6 rgb(54,90,198)
```

Shade Color Variation

#4566cc
```
#4566cc rgb(69,102,204)
```
#5473d0
```
#5473d0 rgb(84,115,208)
```
#6380d4
```
#6380d4 rgb(99,128,212)
```
#738cd8
```
#738cd8 rgb(115,140,216)
```
#8299dd
```
#8299dd rgb(130,153,221)
```
#92a5e1
```
#92a5e1 rgb(146,165,225)
```
#a1b2e5
```
#a1b2e5 rgb(161,178,229)
```
#b0bfe9
```
#b0bfe9 rgb(176,191,233)
```
#c0cbee
```
#c0cbee rgb(192,203,238)
```
#cfd8f2
```
#cfd8f2 rgb(207,216,242)
```
#dee4f6
```
#dee4f6 rgb(222,228,246)
```
#eef1fa
```
#eef1fa rgb(238,241,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9095 is the less saturated color, while #2a5efa is the most saturated one.

#8f9095
```
#8f9095 rgb(143,144,149)
```
#868c9e
```
#868c9e rgb(134,140,158)
```
#7e88a6
```
#7e88a6 rgb(126,136,166)
```
#7684ae
```
#7684ae rgb(118,132,174)
```
#6d80b7
```
#6d80b7 rgb(109,128,183)
```
#657bbf
```
#657bbf rgb(101,123,191)
```
#5c77c8
```
#5c77c8 rgb(92,119,200)
```
#5473d0
```
#5473d0 rgb(84,115,208)
```
#4c6fd8
```
#4c6fd8 rgb(76,111,216)
```
#436be1
```
#436be1 rgb(67,107,225)
```
#3b66e9
```
#3b66e9 rgb(59,102,233)
```
#3262f2
```
#3262f2 rgb(50,98,242)
```
#2a5efa
```
#2a5efa rgb(42,94,250)
```

Tone Color Variation

Below, you can see how #5473d0 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

#747474 Achromatopsia 0.005% of the population
#6e7486 Atypical Achromatopsia 0.001% of the population

Dichromacy

#527bd3 Protanopia 1% of men
#3780cf Deuteranopia 1% of men
#368993 Tritanopia 0.001% of the population

Trichromacy

#5278d2 Protanomaly 1% of men, 0.01% of women
#417bcf Deuteranomaly 6% of men, 0.4% of women
#4181a9 Tritanomaly 0.01% of the population