#5476ac hex color

In a RGB color space, hex #5476ac is composed of 32.9% red, 46.3% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 31.4% magenta, 0% yellow and 32.5% black. It has a hue angle of 216.8 degrees, a saturation of 34.6% and a lightness of 50.2%. #5476ac color hex could be obtained by blending #a8ecff with #000059. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 46
- B 67
RGB color chart
- C 51
- M 31
- Y 0
- K 33
CMYK color chart

● #5476ac color description : Dark moderate blue.

The hexadecimal color #5476ac has RGB values of R:84, G:118, B:172 and CMYK values of C:0.51, M:0.31, Y:0, K:0.33. Its decimal value is 5535404.

Hex triplet	5476ac	`#5476ac`
RGB Decimal	84, 118, 172	`rgb(84,118,172)`
RGB Percent	32.9, 46.3, 67.5	`rgb(32.9%,46.3%,67.5%)`
CMYK	51, 31, 0, 33
HSL	216.8°, 34.6, 50.2	`hsl(216.8,34.6%,50.2%)`
HSV (or HSB)	216.8°, 51.2, 67.5
Web Safe	666699	`#666699`

CIE-LAB	49.276, 3.514, -32.51
XYZ	17.579, 17.819, 41.541
xyY	0.228, 0.232, 17.819
CIE-LCH	49.276, 32.7, 276.169
CIE-LUV	49.276, -16.733, -49.129
Hunter-Lab	42.213, 0.462, -28.796
Binary	01010100, 01110110, 10101100

#5476ac
```
#5476ac rgb(84,118,172)
```
#ac8a54
```
#ac8a54 rgb(172,138,84)
```

Complementary Color

#54a2ac
```
#54a2ac rgb(84,162,172)
```
#5476ac
```
#5476ac rgb(84,118,172)
```
#5e54ac
```
#5e54ac rgb(94,84,172)
```

Analogous Color

#a2ac54
```
#a2ac54 rgb(162,172,84)
```
#5476ac
```
#5476ac rgb(84,118,172)
```
#ac5e54
```
#ac5e54 rgb(172,94,84)
```

Split Complementary Color

#76ac54
```
#76ac54 rgb(118,172,84)
```
#5476ac
```
#5476ac rgb(84,118,172)
```
#ac5476
```
#ac5476 rgb(172,84,118)
```

Triadic Color

#54ac8a
```
#54ac8a rgb(84,172,138)
```
#5476ac
```
#5476ac rgb(84,118,172)
```
#ac5476
```
#ac5476 rgb(172,84,118)
```
#ac8a54
```
#ac8a54 rgb(172,138,84)
```

Tetradic Color

#3b5379
```
#3b5379 rgb(59,83,121)
```
#435e8a
```
#435e8a rgb(67,94,138)
```
#4b6a9b
```
#4b6a9b rgb(75,106,155)
```
#5476ac
```
#5476ac rgb(84,118,172)
```
#6584b4
```
#6584b4 rgb(101,132,180)
```
#7692bd
```
#7692bd rgb(118,146,189)
```
#889fc5
```
#889fc5 rgb(136,159,197)
```

Monochromatic Color

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

#548cac
```
#548cac rgb(84,140,172)
```
#5485ac
```
#5485ac rgb(84,133,172)
```
#547dac
```
#547dac rgb(84,125,172)
```
#5476ac
```
#5476ac rgb(84,118,172)
```
#546fac
```
#546fac rgb(84,111,172)
```
#5467ac
```
#5467ac rgb(84,103,172)
```
#5460ac
```
#5460ac rgb(84,96,172)
```

Similar Colors

Text with hexadecimal color #5476ac

This text has a font color of #5476ac.

<span style="color:#5476ac;">Text here</span>

#5476ac background color

This paragraph has a background color of #5476ac.

<p style="background-color:#5476ac;">Content here</p>

#5476ac border color

This element has a border color of #5476ac.

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

CSS codes

.text {color:#5476ac;}

.background {background-color:#5476ac;}

.border {border:1px solid #5476ac;}

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

#000001
```
#000001 rgb(0,0,1)
```
#07090e
```
#07090e rgb(7,9,14)
```
#0d131b
```
#0d131b rgb(13,19,27)
```
#141c28
```
#141c28 rgb(20,28,40)
```
#1a2535
```
#1a2535 rgb(26,37,53)
```
#202e43
```
#202e43 rgb(32,46,67)
```
#273750
```
#273750 rgb(39,55,80)
```
#2d405d
```
#2d405d rgb(45,64,93)
```
#34496a
```
#34496a rgb(52,73,106)
```
#3a5278
```
#3a5278 rgb(58,82,120)
```
#405b85
```
#405b85 rgb(64,91,133)
```
#476492
```
#476492 rgb(71,100,146)
```
#4d6d9f
```
#4d6d9f rgb(77,109,159)
```

Shade Color Variation

#5476ac
```
#5476ac rgb(84,118,172)
```
#6181b2
```
#6181b2 rgb(97,129,178)
```
#6e8bb9
```
#6e8bb9 rgb(110,139,185)
```
#7c96bf
```
#7c96bf rgb(124,150,191)
```
#89a0c6
```
#89a0c6 rgb(137,160,198)
```
#96abcc
```
#96abcc rgb(150,171,204)
```
#a3b5d2
```
#a3b5d2 rgb(163,181,210)
```
#b0c0d9
```
#b0c0d9 rgb(176,192,217)
```
#becbdf
```
#becbdf rgb(190,203,223)
```
#cbd5e6
```
#cbd5e6 rgb(203,213,230)
```
#d8e0ec
```
#d8e0ec rgb(216,224,236)
```
#e5eaf3
```
#e5eaf3 rgb(229,234,243)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7f85 is the less saturated color, while #0664fa is the most saturated one.

#7b7f85
```
#7b7f85 rgb(123,127,133)
```
#717d8f
```
#717d8f rgb(113,125,143)
```
#687a98
```
#687a98 rgb(104,122,152)
```
#5e78a2
```
#5e78a2 rgb(94,120,162)
```
#5476ac
```
#5476ac rgb(84,118,172)
```
#4a74b6
```
#4a74b6 rgb(74,116,182)
```
#4072c0
```
#4072c0 rgb(64,114,192)
```
#376fc9
```
#376fc9 rgb(55,111,201)
```
#2d6dd3
```
#2d6dd3 rgb(45,109,211)
```
#236bdd
```
#236bdd rgb(35,107,221)
```
#1969e7
```
#1969e7 rgb(25,105,231)
```
#1066f0
```
#1066f0 rgb(16,102,240)
```
#0664fa
```
#0664fa rgb(6,100,250)
```

Tone Color Variation

Below, you can see how #5476ac 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

#727272 Achromatopsia 0.005% of the population
#6c737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7aae Protanopia 1% of men
#637bb0 Deuteranopia 1% of men
#4e848d Tritanopia 0.001% of the population

Trichromacy

#6278ad Protanomaly 1% of men, 0.01% of women
#5e79af Deuteranomaly 6% of men, 0.4% of women
#507f98 Tritanomaly 0.01% of the population

#5476ac hex color

#5476ac Color Information

#5476ac Color Conversion

Color Schemes with #5476ac

Alternatives to #5476ac

#5476ac Preview

Shades and Tints of #5476ac

Tones of #5476ac

Color Blindness Simulator