#5474d4 hex color

In a RGB color space, hex #5474d4 is composed of 32.9% red, 45.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 45.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 225 degrees, a saturation of 59.8% and a lightness of 58%. #5474d4 color hex could be obtained by blending #a8e8ff with #0000a9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 45
- B 83
RGB color chart
- C 60
- M 45
- Y 0
- K 17
CMYK color chart

● #5474d4 color description : Moderate blue.

The hexadecimal color #5474d4 has RGB values of R:84, G:116, B:212 and CMYK values of C:0.6, M:0.45, Y:0, K:0.17. Its decimal value is 5534932.

Hex triplet	5474d4	`#5474d4`
RGB Decimal	84, 116, 212	`rgb(84,116,212)`
RGB Percent	32.9, 45.5, 83.1	`rgb(32.9%,45.5%,83.1%)`
CMYK	60, 45, 0, 17
HSL	225°, 59.8, 58	`hsl(225,59.8%,58%)`
HSV (or HSB)	225°, 60.4, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.836, 17.893, -53.018
XYZ	21.783, 19.128, 64.828
xyY	0.206, 0.181, 19.128
CIE-LCH	50.836, 55.956, 288.649
CIE-LUV	50.836, -16.311, -83.411
Hunter-Lab	43.735, 12.366, -57.269
Binary	01010100, 01110100, 11010100

#5474d4
```
#5474d4 rgb(84,116,212)
```
#d4b454
```
#d4b454 rgb(212,180,84)
```

Complementary Color

#54b4d4
```
#54b4d4 rgb(84,180,212)
```
#5474d4
```
#5474d4 rgb(84,116,212)
```
#7454d4
```
#7454d4 rgb(116,84,212)
```

Analogous Color

#b4d454
```
#b4d454 rgb(180,212,84)
```
#5474d4
```
#5474d4 rgb(84,116,212)
```
#d47454
```
#d47454 rgb(212,116,84)
```

Split Complementary Color

#74d454
```
#74d454 rgb(116,212,84)
```
#5474d4
```
#5474d4 rgb(84,116,212)
```
#d45474
```
#d45474 rgb(212,84,116)
```

Triadic Color

#54d4b4
```
#54d4b4 rgb(84,212,180)
```
#5474d4
```
#5474d4 rgb(84,116,212)
```
#d45474
```
#d45474 rgb(212,84,116)
```
#d4b454
```
#d4b454 rgb(212,180,84)
```

Tetradic Color

#2c4daf
```
#2c4daf rgb(44,77,175)
```
#3156c4
```
#3156c4 rgb(49,86,196)
```
#4063cf
```
#4063cf rgb(64,99,207)
```
#5474d4
```
#5474d4 rgb(84,116,212)
```
#6885d9
```
#6885d9 rgb(104,133,217)
```
#7d95de
```
#7d95de rgb(125,149,222)
```
#91a6e3
```
#91a6e3 rgb(145,166,227)
```

Monochromatic Color

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

#5494d4
```
#5494d4 rgb(84,148,212)
```
#5489d4
```
#5489d4 rgb(84,137,212)
```
#547fd4
```
#547fd4 rgb(84,127,212)
```
#5474d4
```
#5474d4 rgb(84,116,212)
```
#5469d4
```
#5469d4 rgb(84,105,212)
```
#545fd4
```
#545fd4 rgb(84,95,212)
```
#5454d4
```
#5454d4 rgb(84,84,212)
```

Similar Colors

Text with hexadecimal color #5474d4

This text has a font color of #5474d4.

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

#5474d4 background color

This paragraph has a background color of #5474d4.

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

#5474d4 border color

This element has a border color of #5474d4.

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

CSS codes

.text {color:#5474d4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040711
```
#040711 rgb(4,7,17)
```
#080e21
```
#080e21 rgb(8,14,33)
```
#0c1530
```
#0c1530 rgb(12,21,48)
```
#101c40
```
#101c40 rgb(16,28,64)
```
#142350
```
#142350 rgb(20,35,80)
```
#182a5f
```
#182a5f rgb(24,42,95)
```
#1c316f
```
#1c316f rgb(28,49,111)
```
#20387f
```
#20387f rgb(32,56,127)
```
#243e8e
```
#243e8e rgb(36,62,142)
```
#28459e
```
#28459e rgb(40,69,158)
```
#2c4cae
```
#2c4cae rgb(44,76,174)
```
#3053be
```
#3053be rgb(48,83,190)
```

Shade Color Variation

#355bcc
```
#355bcc rgb(53,91,204)
```
#4467d0
```
#4467d0 rgb(68,103,208)
```
#5474d4
```
#5474d4 rgb(84,116,212)
```
#6481d8
```
#6481d8 rgb(100,129,216)
```
#738ddc
```
#738ddc rgb(115,141,220)
```
#839ae0
```
#839ae0 rgb(131,154,224)
```
#93a7e4
```
#93a7e4 rgb(147,167,228)
```
#a2b4e8
```
#a2b4e8 rgb(162,180,232)
```
#b2c0ec
```
#b2c0ec rgb(178,192,236)
```
#c2cdf0
```
#c2cdf0 rgb(194,205,240)
```
#d1daf4
```
#d1daf4 rgb(209,218,244)
```
#e1e7f7
```
#e1e7f7 rgb(225,231,247)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

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

#8e919a
```
#8e919a rgb(142,145,154)
```
#858da3
```
#858da3 rgb(133,141,163)
```
#7d89ab
```
#7d89ab rgb(125,137,171)
```
#7584b3
```
#7584b3 rgb(117,132,179)
```
#6d80bb
```
#6d80bb rgb(109,128,187)
```
#647cc4
```
#647cc4 rgb(100,124,196)
```
#5c78cc
```
#5c78cc rgb(92,120,204)
```
#5474d4
```
#5474d4 rgb(84,116,212)
```
#4c70dc
```
#4c70dc rgb(76,112,220)
```
#446ce4
```
#446ce4 rgb(68,108,228)
```
#3b68ed
```
#3b68ed rgb(59,104,237)
```
#3364f5
```
#3364f5 rgb(51,100,245)
```
#2b5ffd
```
#2b5ffd rgb(43,95,253)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6e7588 Atypical Achromatopsia 0.001% of the population

Dichromacy

#507dd7 Protanopia 1% of men
#3281d3 Deuteranopia 1% of men
#338b95 Tritanopia 0.001% of the population

Trichromacy

#5279d6 Protanomaly 1% of men, 0.01% of women
#3e7cd3 Deuteranomaly 6% of men, 0.4% of women
#3f82ac Tritanomaly 0.01% of the population

#5474d4 hex color

#5474d4 Color Information

#5474d4 Color Conversion

Color Schemes with #5474d4

Alternatives to #5474d4

#5474d4 Preview

Shades and Tints of #5474d4

Tones of #5474d4

Color Blindness Simulator