#476e7a hex color

In a RGB color space, hex #476e7a is composed of 27.8% red, 43.1% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 41.8% cyan, 9.8% magenta, 0% yellow and 52.2% black. It has a hue angle of 194.1 degrees, a saturation of 26.4% and a lightness of 37.8%. #476e7a color hex could be obtained by blending #8edcf4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 43
- B 48
RGB color chart
- C 42
- M 10
- Y 0
- K 52
CMYK color chart

● #476e7a color description : Mostly desaturated dark cyan.

The hexadecimal color #476e7a has RGB values of R:71, G:110, B:122 and CMYK values of C:0.42, M:0.1, Y:0, K:0.52. Its decimal value is 4681338.

Hex triplet	476e7a	`#476e7a`
RGB Decimal	71, 110, 122	`rgb(71,110,122)`
RGB Percent	27.8, 43.1, 47.8	`rgb(27.8%,43.1%,47.8%)`
CMYK	42, 10, 0, 52
HSL	194.1°, 26.4, 37.8	`hsl(194.1,26.4%,37.8%)`
HSV (or HSB)	194.1°, 41.8, 47.8
Web Safe	336666	`#336666`

CIE-LAB	44.083, -10.352, -10.995
XYZ	11.686, 13.896, 20.478
xyY	0.254, 0.302, 13.896
CIE-LCH	44.083, 15.101, 226.727
CIE-LUV	44.083, -18.233, -13.842
Hunter-Lab	37.277, -9.276, -6.476
Binary	01000111, 01101110, 01111010

#476e7a
```
#476e7a rgb(71,110,122)
```
#7a5347
```
#7a5347 rgb(122,83,71)
```

Complementary Color

#477a6d
```
#477a6d rgb(71,122,109)
```
#476e7a
```
#476e7a rgb(71,110,122)
```
#47557a
```
#47557a rgb(71,85,122)
```

Analogous Color

#7a6d47
```
#7a6d47 rgb(122,109,71)
```
#476e7a
```
#476e7a rgb(71,110,122)
```
#7a4755
```
#7a4755 rgb(122,71,85)
```

Split Complementary Color

#6e7a47
```
#6e7a47 rgb(110,122,71)
```
#476e7a
```
#476e7a rgb(71,110,122)
```
#7a476e
```
#7a476e rgb(122,71,110)
```

Triadic Color

#477a53
```
#477a53 rgb(71,122,83)
```
#476e7a
```
#476e7a rgb(71,110,122)
```
#7a476e
```
#7a476e rgb(122,71,110)
```
#7a5347
```
#7a5347 rgb(122,83,71)
```

Tetradic Color

#2b424a
```
#2b424a rgb(43,66,74)
```
#34515a
```
#34515a rgb(52,81,90)
```
#3e5f6a
```
#3e5f6a rgb(62,95,106)
```
#476e7a
```
#476e7a rgb(71,110,122)
```
#507d8a
```
#507d8a rgb(80,125,138)
```
#5a8b9a
```
#5a8b9a rgb(90,139,154)
```
#6798a7
```
#6798a7 rgb(103,152,167)
```

Monochromatic Color

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

#477a79
```
#477a79 rgb(71,122,121)
```
#47777a
```
#47777a rgb(71,119,122)
```
#47727a
```
#47727a rgb(71,114,122)
```
#476e7a
```
#476e7a rgb(71,110,122)
```
#476a7a
```
#476a7a rgb(71,106,122)
```
#47667a
```
#47667a rgb(71,102,122)
```
#47617a
```
#47617a rgb(71,97,122)
```

Similar Colors

Text with hexadecimal color #476e7a

This text has a font color of #476e7a.

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

#476e7a background color

This paragraph has a background color of #476e7a.

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

#476e7a border color

This element has a border color of #476e7a.

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

CSS codes

.text {color:#476e7a;}

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

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

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, #06090a is the darkest color, while #fdfefe is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0d1517
```
#0d1517 rgb(13,21,23)
```
#142023
```
#142023 rgb(20,32,35)
```
#1c2b30
```
#1c2b30 rgb(28,43,48)
```
#23363c
```
#23363c rgb(35,54,60)
```
#2a4148
```
#2a4148 rgb(42,65,72)
```
#314c55
```
#314c55 rgb(49,76,85)
```
#395861
```
#395861 rgb(57,88,97)
```
#40636e
```
#40636e rgb(64,99,110)
```
#476e7a
```
#476e7a rgb(71,110,122)
```
#4e7986
```
#4e7986 rgb(78,121,134)
```
#558493
```
#558493 rgb(85,132,147)
```
#5d909f
```
#5d909f rgb(93,144,159)
```

Shade Color Variation

#6898a7
```
#6898a7 rgb(104,152,167)
```
#75a1ae
```
#75a1ae rgb(117,161,174)
```
#81a9b6
```
#81a9b6 rgb(129,169,182)
```
#8db2bd
```
#8db2bd rgb(141,178,189)
```
#9abac4
```
#9abac4 rgb(154,186,196)
```
#a6c3cb
```
#a6c3cb rgb(166,195,203)
```
#b3cbd3
```
#b3cbd3 rgb(179,203,211)
```
#bfd3da
```
#bfd3da rgb(191,211,218)
```
#cbdce1
```
#cbdce1 rgb(203,220,225)
```
#d8e4e8
```
#d8e4e8 rgb(216,228,232)
```
#e4edef
```
#e4edef rgb(228,237,239)
```
#f1f5f7
```
#f1f5f7 rgb(241,245,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#5d6264
```
#5d6264 rgb(93,98,100)
```
#56666b
```
#56666b rgb(86,102,107)
```
#4e6a73
```
#4e6a73 rgb(78,106,115)
```
#476e7a
```
#476e7a rgb(71,110,122)
```
#407281
```
#407281 rgb(64,114,129)
```
#387689
```
#387689 rgb(56,118,137)
```
#317a90
```
#317a90 rgb(49,122,144)
```
#297e98
```
#297e98 rgb(41,126,152)
```
#22829f
```
#22829f rgb(34,130,159)
```
#1a86a7
```
#1a86a7 rgb(26,134,167)
```
#138aae
```
#138aae rgb(19,138,174)
```
#0c8db5
```
#0c8db5 rgb(12,141,181)
```
#0491bd
```
#0491bd rgb(4,145,189)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5e6668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6f7d Protanopia 1% of men
#706d83 Deuteranopia 1% of men
#4f757e Tritanopia 0.001% of the population

Trichromacy

#5f6e7c Protanomaly 1% of men, 0.01% of women
#616d80 Deuteranomaly 6% of men, 0.4% of women
#4c737c Tritanomaly 0.01% of the population

#476e7a hex color

#476e7a Color Information

#476e7a Color Conversion

Color Schemes with #476e7a

Alternatives to #476e7a

#476e7a Preview

Shades and Tints of #476e7a

Tones of #476e7a

Color Blindness Simulator