#476485 hex color

In a RGB color space, hex #476485 is composed of 27.8% red, 39.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 24.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 211.9 degrees, a saturation of 30.4% and a lightness of 40%. #476485 color hex could be obtained by blending #8ec8ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 39
- B 52
RGB color chart
- C 47
- M 25
- Y 0
- K 48
CMYK color chart

● #476485 color description : Dark moderate blue.

The hexadecimal color #476485 has RGB values of R:71, G:100, B:133 and CMYK values of C:0.47, M:0.25, Y:0, K:0.48. Its decimal value is 4678789.

Hex triplet	476485	`#476485`
RGB Decimal	71, 100, 133	`rgb(71,100,133)`
RGB Percent	27.8, 39.2, 52.2	`rgb(27.8%,39.2%,52.2%)`
CMYK	47, 25, 0, 48
HSL	211.9°, 30.4, 40	`hsl(211.9,30.4%,40%)`
HSV (or HSB)	211.9°, 46.6, 52.2
Web Safe	336699	`#336699`

CIE-LAB	41.449, -1.127, -21.652
XYZ	11.388, 12.147, 23.934
xyY	0.24, 0.256, 12.147
CIE-LCH	41.449, 21.681, 267.022
CIE-LUV	41.449, -14.114, -30.396
Hunter-Lab	34.852, -2.665, -16.318
Binary	01000111, 01100100, 10000101

#476485
```
#476485 rgb(71,100,133)
```
#856847
```
#856847 rgb(133,104,71)
```

Complementary Color

#478385
```
#478385 rgb(71,131,133)
```
#476485
```
#476485 rgb(71,100,133)
```
#494785
```
#494785 rgb(73,71,133)
```

Analogous Color

#838547
```
#838547 rgb(131,133,71)
```
#476485
```
#476485 rgb(71,100,133)
```
#854947
```
#854947 rgb(133,73,71)
```

Split Complementary Color

#648547
```
#648547 rgb(100,133,71)
```
#476485
```
#476485 rgb(71,100,133)
```
#854764
```
#854764 rgb(133,71,100)
```

Triadic Color

#478568
```
#478568 rgb(71,133,104)
```
#476485
```
#476485 rgb(71,100,133)
```
#854764
```
#854764 rgb(133,71,100)
```
#856847
```
#856847 rgb(133,104,71)
```

Tetradic Color

#2c3f53
```
#2c3f53 rgb(44,63,83)
```
#354b64
```
#354b64 rgb(53,75,100)
```
#3e5874
```
#3e5874 rgb(62,88,116)
```
#476485
```
#476485 rgb(71,100,133)
```
#507196
```
#507196 rgb(80,113,150)
```
#597da6
```
#597da6 rgb(89,125,166)
```
#698aaf
```
#698aaf rgb(105,138,175)
```

Monochromatic Color

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

#477485
```
#477485 rgb(71,116,133)
```
#476e85
```
#476e85 rgb(71,110,133)
```
#476985
```
#476985 rgb(71,105,133)
```
#476485
```
#476485 rgb(71,100,133)
```
#475f85
```
#475f85 rgb(71,95,133)
```
#475a85
```
#475a85 rgb(71,90,133)
```
#475585
```
#475585 rgb(71,85,133)
```

Similar Colors

Text with hexadecimal color #476485

This text has a font color of #476485.

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

#476485 background color

This paragraph has a background color of #476485.

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

#476485 border color

This element has a border color of #476485.

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

CSS codes

.text {color:#476485;}

.background {background-color:#476485;}

.border {border:1px solid #476485;}

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0d12
```
#0a0d12 rgb(10,13,18)
```
#10171f
```
#10171f rgb(16,23,31)
```
#17212b
```
#17212b rgb(23,33,43)
```
#1e2a38
```
#1e2a38 rgb(30,42,56)
```
#253445
```
#253445 rgb(37,52,69)
```
#2c3e52
```
#2c3e52 rgb(44,62,82)
```
#33475f
```
#33475f rgb(51,71,95)
```
#39516b
```
#39516b rgb(57,81,107)
```
#405a78
```
#405a78 rgb(64,90,120)
```
#476485
```
#476485 rgb(71,100,133)
```
#4e6e92
```
#4e6e92 rgb(78,110,146)
```
#55779f
```
#55779f rgb(85,119,159)
```

Shade Color Variation

#5e81a9
```
#5e81a9 rgb(94,129,169)
```
#6b8bb0
```
#6b8bb0 rgb(107,139,176)
```
#7795b7
```
#7795b7 rgb(119,149,183)
```
#849fbd
```
#849fbd rgb(132,159,189)
```
#91a9c4
```
#91a9c4 rgb(145,169,196)
```
#9eb3cb
```
#9eb3cb rgb(158,179,203)
```
#abbdd2
```
#abbdd2 rgb(171,189,210)
```
#b7c7d9
```
#b7c7d9 rgb(183,199,217)
```
#c4d1e0
```
#c4d1e0 rgb(196,209,224)
```
#d1dbe6
```
#d1dbe6 rgb(209,219,230)
```
#dee5ed
```
#dee5ed rgb(222,229,237)
```
#ebeff4
```
#ebeff4 rgb(235,239,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f666d is the less saturated color, while #005fcc is the most saturated one.

#5f666d
```
#5f666d rgb(95,102,109)
```
#576575
```
#576575 rgb(87,101,117)
```
#4f657d
```
#4f657d rgb(79,101,125)
```
#476485
```
#476485 rgb(71,100,133)
```
#3f638d
```
#3f638d rgb(63,99,141)
```
#376395
```
#376395 rgb(55,99,149)
```
#2f629d
```
#2f629d rgb(47,98,157)
```
#2862a4
```
#2862a4 rgb(40,98,164)
```
#2061ac
```
#2061ac rgb(32,97,172)
```
#1861b4
```
#1861b4 rgb(24,97,180)
```
#1060bc
```
#1060bc rgb(16,96,188)
```
#0860c4
```
#0860c4 rgb(8,96,196)
```
#005fcc
```
#005fcc rgb(0,95,204)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5a6067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606889 Protanopia 1% of men
#5e688c Deuteranopia 1% of men
#496f77 Tritanopia 0.001% of the population

Trichromacy

#576787 Protanomaly 1% of men, 0.01% of women
#566689 Deuteranomaly 6% of men, 0.4% of women
#486b7c Tritanomaly 0.01% of the population

#476485 hex color

#476485 Color Information

#476485 Color Conversion

Color Schemes with #476485

Alternatives to #476485

#476485 Preview

Shades and Tints of #476485

Tones of #476485

Color Blindness Simulator