#5474cc hex color

In a RGB color space, hex #5474cc is composed of 32.9% red, 45.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 43.1% magenta, 0% yellow and 20% black. It has a hue angle of 224 degrees, a saturation of 54.1% and a lightness of 56.5%. #5474cc color hex could be obtained by blending #a8e8ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 45
- B 80
RGB color chart
- C 59
- M 43
- Y 0
- K 20
CMYK color chart

● #5474cc color description : Moderate blue.

The hexadecimal color #5474cc has RGB values of R:84, G:116, B:204 and CMYK values of C:0.59, M:0.43, Y:0, K:0.2. Its decimal value is 5534924.

Hex triplet	5474cc	`#5474cc`
RGB Decimal	84, 116, 204	`rgb(84,116,204)`
RGB Percent	32.9, 45.5, 80	`rgb(32.9%,45.5%,80%)`
CMYK	59, 43, 0, 20
HSL	224°, 54.1, 56.5	`hsl(224,54.1%,56.5%)`
HSV (or HSB)	224°, 58.8, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.375, 15.203, -49.204
XYZ	20.798, 18.734, 59.643
xyY	0.21, 0.189, 18.734
CIE-LCH	50.375, 51.499, 287.17
CIE-LUV	50.375, -16.233, -77.021
Hunter-Lab	43.283, 10.028, -51.403
Binary	01010100, 01110100, 11001100

#5474cc
```
#5474cc rgb(84,116,204)
```
#ccac54
```
#ccac54 rgb(204,172,84)
```

Complementary Color

#54b0cc
```
#54b0cc rgb(84,176,204)
```
#5474cc
```
#5474cc rgb(84,116,204)
```
#7054cc
```
#7054cc rgb(112,84,204)
```

Analogous Color

#b0cc54
```
#b0cc54 rgb(176,204,84)
```
#5474cc
```
#5474cc rgb(84,116,204)
```
#cc7054
```
#cc7054 rgb(204,112,84)
```

Split Complementary Color

#74cc54
```
#74cc54 rgb(116,204,84)
```
#5474cc
```
#5474cc rgb(84,116,204)
```
#cc5474
```
#cc5474 rgb(204,84,116)
```

Triadic Color

#54ccac
```
#54ccac rgb(84,204,172)
```
#5474cc
```
#5474cc rgb(84,116,204)
```
#cc5474
```
#cc5474 rgb(204,84,116)
```
#ccac54
```
#ccac54 rgb(204,172,84)
```

Tetradic Color

#314fa3
```
#314fa3 rgb(49,79,163)
```
#3659b7
```
#3659b7 rgb(54,89,183)
```
#4064c6
```
#4064c6 rgb(64,100,198)
```
#5474cc
```
#5474cc rgb(84,116,204)
```
#6884d2
```
#6884d2 rgb(104,132,210)
```
#7b94d8
```
#7b94d8 rgb(123,148,216)
```
#8fa4de
```
#8fa4de rgb(143,164,222)
```

Monochromatic Color

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

#5492cc
```
#5492cc rgb(84,146,204)
```
#5488cc
```
#5488cc rgb(84,136,204)
```
#547ecc
```
#547ecc rgb(84,126,204)
```
#5474cc
```
#5474cc rgb(84,116,204)
```
#546acc
```
#546acc rgb(84,106,204)
```
#5460cc
```
#5460cc rgb(84,96,204)
```
#5456cc
```
#5456cc rgb(84,86,204)
```

Similar Colors

Text with hexadecimal color #5474cc

This text has a font color of #5474cc.

<span style="color:#5474cc;">Text here</span>

#5474cc background color

This paragraph has a background color of #5474cc.

<p style="background-color:#5474cc;">Content here</p>

#5474cc border color

This element has a border color of #5474cc.

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

CSS codes

.text {color:#5474cc;}

.background {background-color:#5474cc;}

.border {border:1px solid #5474cc;}

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, #03050a is the darkest color, while #fafbfe is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#080c19
```
#080c19 rgb(8,12,25)
```
#0c1429
```
#0c1429 rgb(12,20,41)
```
#111b38
```
#111b38 rgb(17,27,56)
```
#152247
```
#152247 rgb(21,34,71)
```
#1a2a56
```
#1a2a56 rgb(26,42,86)
```
#1e3165
```
#1e3165 rgb(30,49,101)
```
#233874
```
#233874 rgb(35,56,116)
```
#274083
```
#274083 rgb(39,64,131)
```
#2c4792
```
#2c4792 rgb(44,71,146)
```
#304ea1
```
#304ea1 rgb(48,78,161)
```
#3556b1
```
#3556b1 rgb(53,86,177)
```
#395dc0
```
#395dc0 rgb(57,93,192)
```

Shade Color Variation

#4568c7
```
#4568c7 rgb(69,104,199)
```
#5474cc
```
#5474cc rgb(84,116,204)
```
#6380d1
```
#6380d1 rgb(99,128,209)
```
#728dd5
```
#728dd5 rgb(114,141,213)
```
#8199da
```
#8199da rgb(129,153,218)
```
#90a5de
```
#90a5de rgb(144,165,222)
```
#a0b1e3
```
#a0b1e3 rgb(160,177,227)
```
#afbee7
```
#afbee7 rgb(175,190,231)
```
#becaec
```
#becaec rgb(190,202,236)
```
#cdd6f0
```
#cdd6f0 rgb(205,214,240)
```
#dce3f5
```
#dce3f5 rgb(220,227,245)
```
#ebeff9
```
#ebeff9 rgb(235,239,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909090 is the less saturated color, while #2960f7 is the most saturated one.

#909090
```
#909090 rgb(144,144,144)
```
#878c99
```
#878c99 rgb(135,140,153)
```
#7f88a1
```
#7f88a1 rgb(127,136,161)
```
#7684aa
```
#7684aa rgb(118,132,170)
```
#6e80b2
```
#6e80b2 rgb(110,128,178)
```
#657cbb
```
#657cbb rgb(101,124,187)
```
#5d78c3
```
#5d78c3 rgb(93,120,195)
```
#5474cc
```
#5474cc rgb(84,116,204)
```
#4b70d5
```
#4b70d5 rgb(75,112,213)
```
#436cdd
```
#436cdd rgb(67,108,221)
```
#3a68e6
```
#3a68e6 rgb(58,104,230)
```
#3264ee
```
#3264ee rgb(50,100,238)
```
#2960f7
```
#2960f7 rgb(41,96,247)
```

Tone Color Variation

Below, you can see how #5474cc 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

#567ccf Protanopia 1% of men
#4080cc Deuteranopia 1% of men
#3a8993 Tritanopia 0.001% of the population

Trichromacy

#5579ce Protanomaly 1% of men, 0.01% of women
#477bcc Deuteranomaly 6% of men, 0.4% of women
#4381a7 Tritanomaly 0.01% of the population

#5474cc hex color

#5474cc Color Information

#5474cc Color Conversion

Color Schemes with #5474cc

Alternatives to #5474cc

#5474cc Preview

Shades and Tints of #5474cc

Tones of #5474cc

Color Blindness Simulator