#476b87 hex color

In a RGB color space, hex #476b87 is composed of 27.8% red, 42% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 20.7% magenta, 0% yellow and 47.1% black. It has a hue angle of 206.3 degrees, a saturation of 31.1% and a lightness of 40.4%. #476b87 color hex could be obtained by blending #8ed6ff with #00000f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 42
- B 53
RGB color chart
- C 47
- M 21
- Y 0
- K 47
CMYK color chart

● #476b87 color description : Dark moderate blue.

The hexadecimal color #476b87 has RGB values of R:71, G:107, B:135 and CMYK values of C:0.47, M:0.21, Y:0, K:0.47. Its decimal value is 4680583.

Hex triplet	476b87	`#476b87`
RGB Decimal	71, 107, 135	`rgb(71,107,135)`
RGB Percent	27.8, 42, 52.9	`rgb(27.8%,42%,52.9%)`
CMYK	47, 21, 0, 47
HSL	206.3°, 31.1, 40.4	`hsl(206.3,31.1%,40.4%)`
HSV (or HSB)	206.3°, 47.4, 52.9
Web Safe	336699	`#336699`

CIE-LAB	43.659, -4.737, -19.447
XYZ	12.228, 13.604, 24.902
xyY	0.241, 0.268, 13.604
CIE-LCH	43.659, 20.016, 256.31
CIE-LUV	43.659, -16.883, -27.009
Hunter-Lab	36.883, -5.365, -14.212
Binary	01000111, 01101011, 10000111

#476b87
```
#476b87 rgb(71,107,135)
```
#876347
```
#876347 rgb(135,99,71)
```

Complementary Color

#478783
```
#478783 rgb(71,135,131)
```
#476b87
```
#476b87 rgb(71,107,135)
```
#474b87
```
#474b87 rgb(71,75,135)
```

Analogous Color

#878347
```
#878347 rgb(135,131,71)
```
#476b87
```
#476b87 rgb(71,107,135)
```
#87474b
```
#87474b rgb(135,71,75)
```

Split Complementary Color

#6b8747
```
#6b8747 rgb(107,135,71)
```
#476b87
```
#476b87 rgb(71,107,135)
```
#87476b
```
#87476b rgb(135,71,107)
```

Triadic Color

#478763
```
#478763 rgb(71,135,99)
```
#476b87
```
#476b87 rgb(71,107,135)
```
#87476b
```
#87476b rgb(135,71,107)
```
#876347
```
#876347 rgb(135,99,71)
```

Tetradic Color

#2d4355
```
#2d4355 rgb(45,67,85)
```
#355166
```
#355166 rgb(53,81,102)
```
#3e5e76
```
#3e5e76 rgb(62,94,118)
```
#476b87
```
#476b87 rgb(71,107,135)
```
#507898
```
#507898 rgb(80,120,152)
```
#5985a8
```
#5985a8 rgb(89,133,168)
```
#6a92b1
```
#6a92b1 rgb(106,146,177)
```

Monochromatic Color

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

#477b87
```
#477b87 rgb(71,123,135)
```
#477687
```
#477687 rgb(71,118,135)
```
#477087
```
#477087 rgb(71,112,135)
```
#476b87
```
#476b87 rgb(71,107,135)
```
#476687
```
#476687 rgb(71,102,135)
```
#476087
```
#476087 rgb(71,96,135)
```
#475b87
```
#475b87 rgb(71,91,135)
```

Similar Colors

Text with hexadecimal color #476b87

This text has a font color of #476b87.

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

#476b87 background color

This paragraph has a background color of #476b87.

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

#476b87 border color

This element has a border color of #476b87.

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

CSS codes

.text {color:#476b87;}

.background {background-color:#476b87;}

.border {border:1px solid #476b87;}

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

#030506
```
#030506 rgb(3,5,6)
```
#0a0f13
```
#0a0f13 rgb(10,15,19)
```
#111920
```
#111920 rgb(17,25,32)
```
#18242d
```
#18242d rgb(24,36,45)
```
#1e2e3a
```
#1e2e3a rgb(30,46,58)
```
#253847
```
#253847 rgb(37,56,71)
```
#2c4254
```
#2c4254 rgb(44,66,84)
```
#334c60
```
#334c60 rgb(51,76,96)
```
#39576d
```
#39576d rgb(57,87,109)
```
#40617a
```
#40617a rgb(64,97,122)
```
#476b87
```
#476b87 rgb(71,107,135)
```
#4e7594
```
#4e7594 rgb(78,117,148)
```
#557fa1
```
#557fa1 rgb(85,127,161)
```

Shade Color Variation

#5e89ab
```
#5e89ab rgb(94,137,171)
```
#6b93b1
```
#6b93b1 rgb(107,147,177)
```
#789cb8
```
#789cb8 rgb(120,156,184)
```
#85a5bf
```
#85a5bf rgb(133,165,191)
```
#92afc6
```
#92afc6 rgb(146,175,198)
```
#9fb8cc
```
#9fb8cc rgb(159,184,204)
```
#abc2d3
```
#abc2d3 rgb(171,194,211)
```
#b8cbda
```
#b8cbda rgb(184,203,218)
```
#c5d5e1
```
#c5d5e1 rgb(197,213,225)
```
#d2dee7
```
#d2dee7 rgb(210,222,231)
```
#dfe7ee
```
#dfe7ee rgb(223,231,238)
```
#ecf1f5
```
#ecf1f5 rgb(236,241,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#676767
```
#676767 rgb(103,103,103)
```
#5f686f
```
#5f686f rgb(95,104,111)
```
#576977
```
#576977 rgb(87,105,119)
```
#4f6a7f
```
#4f6a7f rgb(79,106,127)
```
#476b87
```
#476b87 rgb(71,107,135)
```
#3f6c8f
```
#3f6c8f rgb(63,108,143)
```
#376d97
```
#376d97 rgb(55,109,151)
```
#2f6e9f
```
#2f6e9f rgb(47,110,159)
```
#276fa7
```
#276fa7 rgb(39,111,167)
```
#1f70af
```
#1f70af rgb(31,112,175)
```
#1771b7
```
#1771b7 rgb(23,113,183)
```
#1072be
```
#1072be rgb(16,114,190)
```
#0873c6
```
#0873c6 rgb(8,115,198)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5d656a Atypical Achromatopsia 0.001% of the population

Dichromacy

#676d8a Protanopia 1% of men
#666d8f Deuteranopia 1% of men
#4a757e Tritanopia 0.001% of the population

Trichromacy

#5b6c89 Protanomaly 1% of men, 0.01% of women
#5b6c8c Deuteranomaly 6% of men, 0.4% of women
#497181 Tritanomaly 0.01% of the population

#476b87 hex color

#476b87 Color Information

#476b87 Color Conversion

Color Schemes with #476b87

Alternatives to #476b87

#476b87 Preview

Shades and Tints of #476b87

Tones of #476b87

Color Blindness Simulator