#474676 hex color

In a RGB color space, hex #474676 is composed of 27.8% red, 27.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 39.8% cyan, 40.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 241.3 degrees, a saturation of 25.5% and a lightness of 36.9%. #474676 color hex could be obtained by blending #8e8cec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 28
- G 27
- B 46
RGB color chart
- C 40
- M 41
- Y 0
- K 54
CMYK color chart

● #474676 color description : Mostly desaturated dark blue.

The hexadecimal color #474676 has RGB values of R:71, G:70, B:118 and CMYK values of C:0.4, M:0.41, Y:0, K:0.54. Its decimal value is 4671094.

Hex triplet	474676	`#474676`
RGB Decimal	71, 70, 118	`rgb(71,70,118)`
RGB Percent	27.8, 27.5, 46.3	`rgb(27.8%,27.5%,46.3%)`
CMYK	40, 41, 0, 54
HSL	241.3°, 25.5, 36.9	`hsl(241.3,25.5%,36.9%)`
HSV (or HSB)	241.3°, 40.7, 46.3
Web Safe	333366	`#333366`

CIE-LAB	31.87, 13.315, -27.374
XYZ	8.058, 7.028, 18.07
xyY	0.243, 0.212, 7.028
CIE-LCH	31.87, 30.441, 295.939
CIE-LUV	31.87, -2.329, -37.762
Hunter-Lab	26.51, 7.865, -21.858
Binary	01000111, 01000110, 01110110

#474676
```
#474676 rgb(71,70,118)
```
#757646
```
#757646 rgb(117,118,70)
```

Complementary Color

#465d76
```
#465d76 rgb(70,93,118)
```
#474676
```
#474676 rgb(71,70,118)
```
#5f4676
```
#5f4676 rgb(95,70,118)
```

Analogous Color

#5d7646
```
#5d7646 rgb(93,118,70)
```
#474676
```
#474676 rgb(71,70,118)
```
#765f46
```
#765f46 rgb(118,95,70)
```

Split Complementary Color

#467647
```
#467647 rgb(70,118,71)
```
#474676
```
#474676 rgb(71,70,118)
```
#764746
```
#764746 rgb(118,71,70)
```

Triadic Color

#467576
```
#467576 rgb(70,117,118)
```
#474676
```
#474676 rgb(71,70,118)
```
#764746
```
#764746 rgb(118,71,70)
```
#757646
```
#757646 rgb(117,118,70)
```

Tetradic Color

#2a2a46
```
#2a2a46 rgb(42,42,70)
```
#343356
```
#343356 rgb(52,51,86)
```
#3d3d66
```
#3d3d66 rgb(61,61,102)
```
#474676
```
#474676 rgb(71,70,118)
```
#514f86
```
#514f86 rgb(81,79,134)
```
#5a5996
```
#5a5996 rgb(90,89,150)
```
#6665a4
```
#6665a4 rgb(102,101,164)
```

Monochromatic Color

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

#465176
```
#465176 rgb(70,81,118)
```
#464d76
```
#464d76 rgb(70,77,118)
```
#464976
```
#464976 rgb(70,73,118)
```
#474676
```
#474676 rgb(71,70,118)
```
#4b4676
```
#4b4676 rgb(75,70,118)
```
#4f4676
```
#4f4676 rgb(79,70,118)
```
#534676
```
#534676 rgb(83,70,118)
```

Similar Colors

Text with hexadecimal color #474676

This text has a font color of #474676.

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

#474676 background color

This paragraph has a background color of #474676.

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

#474676 border color

This element has a border color of #474676.

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

CSS codes

.text {color:#474676;}

.background {background-color:#474676;}

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0c0c14
```
#0c0c14 rgb(12,12,20)
```
#131320
```
#131320 rgb(19,19,32)
```
#1b1a2c
```
#1b1a2c rgb(27,26,44)
```
#222138
```
#222138 rgb(34,33,56)
```
#292945
```
#292945 rgb(41,41,69)
```
#313051
```
#313051 rgb(49,48,81)
```
#38375d
```
#38375d rgb(56,55,93)
```
#403f6a
```
#403f6a rgb(64,63,106)
```
#474676
```
#474676 rgb(71,70,118)
```
#4e4d82
```
#4e4d82 rgb(78,77,130)
```
#56558f
```
#56558f rgb(86,85,143)
```
#5d5c9b
```
#5d5c9b rgb(93,92,155)
```

Shade Color Variation

#6766a4
```
#6766a4 rgb(103,102,164)
```
#7472ac
```
#7472ac rgb(116,114,172)
```
#807fb3
```
#807fb3 rgb(128,127,179)
```
#8c8bba
```
#8c8bba rgb(140,139,186)
```
#9897c2
```
#9897c2 rgb(152,151,194)
```
#a4a4c9
```
#a4a4c9 rgb(164,164,201)
```
#b1b0d0
```
#b1b0d0 rgb(177,176,208)
```
#bdbcd7
```
#bdbcd7 rgb(189,188,215)
```
#c9c9df
```
#c9c9df rgb(201,201,223)
```
#d5d5e6
```
#d5d5e6 rgb(213,213,230)
```
#e2e1ed
```
#e2e1ed rgb(226,225,237)
```
#eeeef5
```
#eeeef5 rgb(238,238,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#5c5c60
```
#5c5c60 rgb(92,92,96)
```
#555468
```
#555468 rgb(85,84,104)
```
#4e4d6f
```
#4e4d6f rgb(78,77,111)
```
#474676
```
#474676 rgb(71,70,118)
```
#403f7d
```
#403f7d rgb(64,63,125)
```
#393884
```
#393884 rgb(57,56,132)
```
#32308c
```
#32308c rgb(50,48,140)
```
#2b2993
```
#2b2993 rgb(43,41,147)
```
#24229a
```
#24229a rgb(36,34,154)
```
#1d1ba1
```
#1d1ba1 rgb(29,27,161)
```
#1613a9
```
#1613a9 rgb(22,19,169)
```
#100cb0
```
#100cb0 rgb(16,12,176)
```
#0905b7
```
#0905b7 rgb(9,5,183)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4b4b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#42527f Protanopia 1% of men
#3f547b Deuteranopia 1% of men
#47565d Tritanopia 0.001% of the population

Trichromacy

#434e7c Protanomaly 1% of men, 0.01% of women
#424e79 Deuteranomaly 6% of men, 0.4% of women
#475066 Tritanomaly 0.01% of the population

#474676 hex color

#474676 Color Information

#474676 Color Conversion

Color Schemes with #474676

Alternatives to #474676

#474676 Preview

Shades and Tints of #474676

Tones of #474676

Color Blindness Simulator