#5476bf hex color

In a RGB color space, hex #5476bf is composed of 32.9% red, 46.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 38.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 220.9 degrees, a saturation of 45.5% and a lightness of 53.9%. #5476bf color hex could be obtained by blending #a8ecff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 46
- B 75
RGB color chart
- C 56
- M 38
- Y 0
- K 25
CMYK color chart

● #5476bf color description : Moderate blue.

The hexadecimal color #5476bf has RGB values of R:84, G:118, B:191 and CMYK values of C:0.56, M:0.38, Y:0, K:0.25. Its decimal value is 5535423.

Hex triplet	5476bf	`#5476bf`
RGB Decimal	84, 118, 191	`rgb(84,118,191)`
RGB Percent	32.9, 46.3, 74.9	`rgb(32.9%,46.3%,74.9%)`
CMYK	56, 38, 0, 25
HSL	220.9°, 45.5, 53.9	`hsl(220.9,45.5%,53.9%)`
HSV (or HSB)	220.9°, 56, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.219, 9.655, -42.009
XYZ	19.537, 18.602, 51.848
xyY	0.217, 0.207, 18.602
CIE-LCH	50.219, 43.104, 282.944
CIE-LUV	50.219, -16.814, -65.064
Hunter-Lab	43.13, 5.376, -41.083
Binary	01010100, 01110110, 10111111

#5476bf
```
#5476bf rgb(84,118,191)
```
#bf9d54
```
#bf9d54 rgb(191,157,84)
```

Complementary Color

#54acbf
```
#54acbf rgb(84,172,191)
```
#5476bf
```
#5476bf rgb(84,118,191)
```
#6854bf
```
#6854bf rgb(104,84,191)
```

Analogous Color

#acbf54
```
#acbf54 rgb(172,191,84)
```
#5476bf
```
#5476bf rgb(84,118,191)
```
#bf6854
```
#bf6854 rgb(191,104,84)
```

Split Complementary Color

#76bf54
```
#76bf54 rgb(118,191,84)
```
#5476bf
```
#5476bf rgb(84,118,191)
```
#bf5476
```
#bf5476 rgb(191,84,118)
```

Triadic Color

#54bf9d
```
#54bf9d rgb(84,191,157)
```
#5476bf
```
#5476bf rgb(84,118,191)
```
#bf5476
```
#bf5476 rgb(191,84,118)
```
#bf9d54
```
#bf9d54 rgb(191,157,84)
```

Tetradic Color

#365390
```
#365390 rgb(54,83,144)
```
#3d5da3
```
#3d5da3 rgb(61,93,163)
```
#4468b6
```
#4468b6 rgb(68,104,182)
```
#5476bf
```
#5476bf rgb(84,118,191)
```
#6785c6
```
#6785c6 rgb(103,133,198)
```
#7994cd
```
#7994cd rgb(121,148,205)
```
#8ca3d4
```
#8ca3d4 rgb(140,163,212)
```

Monochromatic Color

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

#5491bf
```
#5491bf rgb(84,145,191)
```
#5488bf
```
#5488bf rgb(84,136,191)
```
#547fbf
```
#547fbf rgb(84,127,191)
```
#5476bf
```
#5476bf rgb(84,118,191)
```
#546dbf
```
#546dbf rgb(84,109,191)
```
#5464bf
```
#5464bf rgb(84,100,191)
```
#545bbf
```
#545bbf rgb(84,91,191)
```

Similar Colors

Text with hexadecimal color #5476bf

This text has a font color of #5476bf.

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

#5476bf background color

This paragraph has a background color of #5476bf.

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

#5476bf border color

This element has a border color of #5476bf.

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

CSS codes

.text {color:#5476bf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#05080f
```
#05080f rgb(5,8,15)
```
#0b111d
```
#0b111d rgb(11,17,29)
```
#10192b
```
#10192b rgb(16,25,43)
```
#152139
```
#152139 rgb(21,33,57)
```
#1b2948
```
#1b2948 rgb(27,41,72)
```
#203156
```
#203156 rgb(32,49,86)
```
#253964
```
#253964 rgb(37,57,100)
```
#2b4272
```
#2b4272 rgb(43,66,114)
```
#304a81
```
#304a81 rgb(48,74,129)
```
#36528f
```
#36528f rgb(54,82,143)
```
#3b5a9d
```
#3b5a9d rgb(59,90,157)
```
#4062ac
```
#4062ac rgb(64,98,172)
```

Shade Color Variation

#466bba
```
#466bba rgb(70,107,186)
```
#5476bf
```
#5476bf rgb(84,118,191)
```
#6281c4
```
#6281c4 rgb(98,129,196)
```
#718dca
```
#718dca rgb(113,141,202)
```
#7f98cf
```
#7f98cf rgb(127,152,207)
```
#8da4d4
```
#8da4d4 rgb(141,164,212)
```
#9bafda
```
#9bafda rgb(155,175,218)
```
#aabbdf
```
#aabbdf rgb(170,187,223)
```
#b8c6e4
```
#b8c6e4 rgb(184,198,228)
```
#c6d1ea
```
#c6d1ea rgb(198,209,234)
```
#d4ddef
```
#d4ddef rgb(212,221,239)
```
#e3e8f4
```
#e3e8f4 rgb(227,232,244)
```
#f1f4fa
```
#f1f4fa rgb(241,244,250)
```

Tint Color Variation

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

#818692
```
#818692 rgb(129,134,146)
```
#78839b
```
#78839b rgb(120,131,155)
```
#6f80a4
```
#6f80a4 rgb(111,128,164)
```
#667dad
```
#667dad rgb(102,125,173)
```
#5d79b6
```
#5d79b6 rgb(93,121,182)
```
#5476bf
```
#5476bf rgb(84,118,191)
```
#4b73c8
```
#4b73c8 rgb(75,115,200)
```
#426fd1
```
#426fd1 rgb(66,111,209)
```
#396cda
```
#396cda rgb(57,108,218)
```
#3069e3
```
#3069e3 rgb(48,105,227)
```
#2766ec
```
#2766ec rgb(39,102,236)
```
#1e62f5
```
#1e62f5 rgb(30,98,245)
```
#155ffe
```
#155ffe rgb(21,95,254)
```

Tone Color Variation

Below, you can see how #5476bf 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
#6e7483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#617cc1 Protanopia 1% of men
#547ec1 Deuteranopia 1% of men
#448791 Tritanopia 0.001% of the population

Trichromacy

#5c7ac0 Protanomaly 1% of men, 0.01% of women
#547bc0 Deuteranomaly 6% of men, 0.4% of women
#4a81a2 Tritanomaly 0.01% of the population

#5476bf hex color

#5476bf Color Information

#5476bf Color Conversion

Color Schemes with #5476bf

Alternatives to #5476bf

#5476bf Preview

Shades and Tints of #5476bf

Tones of #5476bf

Color Blindness Simulator