#476f86 hex color

In a RGB color space, hex #476f86 is composed of 27.8% red, 43.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 17.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 201.9 degrees, a saturation of 30.7% and a lightness of 40.2%. #476f86 color hex could be obtained by blending #8edeff with #00000d. Closest websafe color is: #336699.

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

● #476f86 color description : Dark moderate blue.

The hexadecimal color #476f86 has RGB values of R:71, G:111, B:134 and CMYK values of C:0.47, M:0.17, Y:0, K:0.47. Its decimal value is 4681606.

Hex triplet	476f86	`#476f86`
RGB Decimal	71, 111, 134	`rgb(71,111,134)`
RGB Percent	27.8, 43.5, 52.5	`rgb(27.8%,43.5%,52.5%)`
CMYK	47, 17, 0, 47
HSL	201.9°, 30.7, 40.2	`hsl(201.9,30.7%,40.2%)`
HSV (or HSB)	201.9°, 47, 52.5
Web Safe	336699	`#336699`

CIE-LAB	44.842, -7.406, -17.035
XYZ	12.585, 14.429, 24.675
xyY	0.243, 0.279, 14.429
CIE-LCH	44.842, 18.575, 246.503
CIE-LUV	44.842, -18.495, -23.21
Hunter-Lab	37.986, -7.336, -11.924
Binary	01000111, 01101111, 10000110

#476f86
```
#476f86 rgb(71,111,134)
```
#865e47
```
#865e47 rgb(134,94,71)
```

Complementary Color

#47867e
```
#47867e rgb(71,134,126)
```
#476f86
```
#476f86 rgb(71,111,134)
```
#475086
```
#475086 rgb(71,80,134)
```

Analogous Color

#867e47
```
#867e47 rgb(134,126,71)
```
#476f86
```
#476f86 rgb(71,111,134)
```
#864750
```
#864750 rgb(134,71,80)
```

Split Complementary Color

#6f8647
```
#6f8647 rgb(111,134,71)
```
#476f86
```
#476f86 rgb(71,111,134)
```
#86476f
```
#86476f rgb(134,71,111)
```

Triadic Color

#47865e
```
#47865e rgb(71,134,94)
```
#476f86
```
#476f86 rgb(71,111,134)
```
#86476f
```
#86476f rgb(134,71,111)
```
#865e47
```
#865e47 rgb(134,94,71)
```

Tetradic Color

#2d4654
```
#2d4654 rgb(45,70,84)
```
#355365
```
#355365 rgb(53,83,101)
```
#3e6175
```
#3e6175 rgb(62,97,117)
```
#476f86
```
#476f86 rgb(71,111,134)
```
#507d97
```
#507d97 rgb(80,125,151)
```
#598ba7
```
#598ba7 rgb(89,139,167)
```
#6a96b0
```
#6a96b0 rgb(106,150,176)
```

Monochromatic Color

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

#477f86
```
#477f86 rgb(71,127,134)
```
#477a86
```
#477a86 rgb(71,122,134)
```
#477486
```
#477486 rgb(71,116,134)
```
#476f86
```
#476f86 rgb(71,111,134)
```
#476a86
```
#476a86 rgb(71,106,134)
```
#476586
```
#476586 rgb(71,101,134)
```
#475f86
```
#475f86 rgb(71,95,134)
```

Similar Colors

Text with hexadecimal color #476f86

This text has a font color of #476f86.

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

#476f86 background color

This paragraph has a background color of #476f86.

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

#476f86 border color

This element has a border color of #476f86.

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

CSS codes

.text {color:#476f86;}

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

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

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 #f8fafb is the lightest one.

#030506
```
#030506 rgb(3,5,6)
```
#0a0f13
```
#0a0f13 rgb(10,15,19)
```
#111a1f
```
#111a1f rgb(17,26,31)
```
#17252c
```
#17252c rgb(23,37,44)
```
#1e2f39
```
#1e2f39 rgb(30,47,57)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#2c4553
```
#2c4553 rgb(44,69,83)
```
#334f60
```
#334f60 rgb(51,79,96)
```
#395a6c
```
#395a6c rgb(57,90,108)
```
#406479
```
#406479 rgb(64,100,121)
```
#476f86
```
#476f86 rgb(71,111,134)
```
#4e7a93
```
#4e7a93 rgb(78,122,147)
```
#5584a0
```
#5584a0 rgb(85,132,160)
```

Shade Color Variation

#5e8eaa
```
#5e8eaa rgb(94,142,170)
```
#6b97b1
```
#6b97b1 rgb(107,151,177)
```
#78a0b7
```
#78a0b7 rgb(120,160,183)
```
#85a9be
```
#85a9be rgb(133,169,190)
```
#91b2c5
```
#91b2c5 rgb(145,178,197)
```
#9ebbcc
```
#9ebbcc rgb(158,187,204)
```
#abc4d3
```
#abc4d3 rgb(171,196,211)
```
#b8cdd9
```
#b8cdd9 rgb(184,205,217)
```
#c5d6e0
```
#c5d6e0 rgb(197,214,224)
```
#d1dfe7
```
#d1dfe7 rgb(209,223,231)
```
#dee8ee
```
#dee8ee rgb(222,232,238)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#5f696e
```
#5f696e rgb(95,105,110)
```
#576b76
```
#576b76 rgb(87,107,118)
```
#4f6d7e
```
#4f6d7e rgb(79,109,126)
```
#476f86
```
#476f86 rgb(71,111,134)
```
#3f718e
```
#3f718e rgb(63,113,142)
```
#377396
```
#377396 rgb(55,115,150)
```
#2f759e
```
#2f759e rgb(47,117,158)
```
#2778a6
```
#2778a6 rgb(39,120,166)
```
#207aad
```
#207aad rgb(32,122,173)
```
#187cb5
```
#187cb5 rgb(24,124,181)
```
#107ebd
```
#107ebd rgb(16,126,189)
```
#0880c5
```
#0880c5 rgb(8,128,197)
```
#0082cd
```
#0082cd rgb(0,130,205)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#60686c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7088 Protanopia 1% of men
#6c6f8e Deuteranopia 1% of men
#4c7881 Tritanopia 0.001% of the population

Trichromacy

#5e7087 Protanomaly 1% of men, 0.01% of women
#5e6f8b Deuteranomaly 6% of men, 0.4% of women
#4a7582 Tritanomaly 0.01% of the population

#476f86 hex color

#476f86 Color Information

#476f86 Color Conversion

Color Schemes with #476f86

Alternatives to #476f86

#476f86 Preview

Shades and Tints of #476f86

Tones of #476f86

Color Blindness Simulator