#476b66 hex color

In a RGB color space, hex #476b66 is composed of 27.8% red, 42% green and 40% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 0% magenta, 4.7% yellow and 58% black. It has a hue angle of 171.7 degrees, a saturation of 20.2% and a lightness of 34.9%. #476b66 color hex could be obtained by blending #8ed6cc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 42
- B 40
RGB color chart
- C 34
- M 0
- Y 5
- K 58
CMYK color chart

● #476b66 color description : Very dark grayish cyan.

The hexadecimal color #476b66 has RGB values of R:71, G:107, B:102 and CMYK values of C:0.34, M:0, Y:0.05, K:0.58. Its decimal value is 4680550.

Hex triplet	476b66	`#476b66`
RGB Decimal	71, 107, 102	`rgb(71,107,102)`
RGB Percent	27.8, 42, 40	`rgb(27.8%,42%,40%)`
CMYK	34, 0, 5, 58
HSL	171.7°, 20.2, 34.9	`hsl(171.7,20.2%,34.9%)`
HSV (or HSB)	171.7°, 33.6, 42
Web Safe	336666	`#336666`

CIE-LAB	42.481, -14.052, -1.309
XYZ	10.254, 12.814, 14.503
xyY	0.273, 0.341, 12.814
CIE-LCH	42.481, 14.112, 185.323
CIE-LUV	42.481, -17.169, 0.288
Hunter-Lab	35.796, -11.513, 1.037
Binary	01000111, 01101011, 01100110

#476b66
```
#476b66 rgb(71,107,102)
```
#6b474c
```
#6b474c rgb(107,71,76)
```

Complementary Color

#476b54
```
#476b54 rgb(71,107,84)
```
#476b66
```
#476b66 rgb(71,107,102)
```
#475e6b
```
#475e6b rgb(71,94,107)
```

Analogous Color

#6b5447
```
#6b5447 rgb(107,84,71)
```
#476b66
```
#476b66 rgb(71,107,102)
```
#6b475e
```
#6b475e rgb(107,71,94)
```

Split Complementary Color

#6b6647
```
#6b6647 rgb(107,102,71)
```
#476b66
```
#476b66 rgb(71,107,102)
```
#66476b
```
#66476b rgb(102,71,107)
```

Triadic Color

#4c6b47
```
#4c6b47 rgb(76,107,71)
```
#476b66
```
#476b66 rgb(71,107,102)
```
#66476b
```
#66476b rgb(102,71,107)
```
#6b474c
```
#6b474c rgb(107,71,76)
```

Tetradic Color

#283d3a
```
#283d3a rgb(40,61,58)
```
#334c49
```
#334c49 rgb(51,76,73)
```
#3d5c57
```
#3d5c57 rgb(61,92,87)
```
#476b66
```
#476b66 rgb(71,107,102)
```
#517a75
```
#517a75 rgb(81,122,117)
```
#5b8a83
```
#5b8a83 rgb(91,138,131)
```
#669992
```
#669992 rgb(102,153,146)
```

Monochromatic Color

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

#476b5d
```
#476b5d rgb(71,107,93)
```
#476b60
```
#476b60 rgb(71,107,96)
```
#476b63
```
#476b63 rgb(71,107,99)
```
#476b66
```
#476b66 rgb(71,107,102)
```
#476b69
```
#476b69 rgb(71,107,105)
```
#476a6b
```
#476a6b rgb(71,106,107)
```
#47676b
```
#47676b rgb(71,103,107)
```

Similar Colors

Text with hexadecimal color #476b66

This text has a font color of #476b66.

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

#476b66 background color

This paragraph has a background color of #476b66.

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

#476b66 border color

This element has a border color of #476b66.

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

CSS codes

.text {color:#476b66;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080d0c
```
#080d0c rgb(8,13,12)
```
#101817
```
#101817 rgb(16,24,23)
```
#182423
```
#182423 rgb(24,36,35)
```
#20302e
```
#20302e rgb(32,48,46)
```
#283c39
```
#283c39 rgb(40,60,57)
```
#304844
```
#304844 rgb(48,72,68)
```
#375350
```
#375350 rgb(55,83,80)
```
#3f5f5b
```
#3f5f5b rgb(63,95,91)
```
#476b66
```
#476b66 rgb(71,107,102)
```
#4f7771
```
#4f7771 rgb(79,119,113)
```
#57837c
```
#57837c rgb(87,131,124)
```
#5e8e88
```
#5e8e88 rgb(94,142,136)
```

Shade Color Variation

#679a93
```
#679a93 rgb(103,154,147)
```
#72a29b
```
#72a29b rgb(114,162,155)
```
#7eaaa3
```
#7eaaa3 rgb(126,170,163)
```
#8ab1ac
```
#8ab1ac rgb(138,177,172)
```
#96b9b4
```
#96b9b4 rgb(150,185,180)
```
#a2c1bd
```
#a2c1bd rgb(162,193,189)
```
#adc9c5
```
#adc9c5 rgb(173,201,197)
```
#b9d1cd
```
#b9d1cd rgb(185,209,205)
```
#c5d8d6
```
#c5d8d6 rgb(197,216,214)
```
#d1e0de
```
#d1e0de rgb(209,224,222)
```
#dde8e6
```
#dde8e6 rgb(221,232,230)
```
#e8f0ef
```
#e8f0ef rgb(232,240,239)
```
#f4f8f7
```
#f4f8f7 rgb(244,248,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555d5c is the less saturated color, while #03af97 is the most saturated one.

#555d5c
```
#555d5c rgb(85,93,92)
```
#4e6461
```
#4e6461 rgb(78,100,97)
```
#476b66
```
#476b66 rgb(71,107,102)
```
#40726b
```
#40726b rgb(64,114,107)
```
#397970
```
#397970 rgb(57,121,112)
```
#328075
```
#328075 rgb(50,128,117)
```
#2c867a
```
#2c867a rgb(44,134,122)
```
#258d7f
```
#258d7f rgb(37,141,127)
```
#1e9484
```
#1e9484 rgb(30,148,132)
```
#179b89
```
#179b89 rgb(23,155,137)
```
#10a28e
```
#10a28e rgb(16,162,142)
```
#09a993
```
#09a993 rgb(9,169,147)
```
#03af97
```
#03af97 rgb(3,175,151)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5b6261 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6b6a Protanopia 1% of men
#746971 Deuteranopia 1% of men
#537079 Tritanopia 0.001% of the population

Trichromacy

#606b68 Protanomaly 1% of men, 0.01% of women
#63696d Deuteranomaly 6% of men, 0.4% of women
#4f6e72 Tritanomaly 0.01% of the population

#476b66 hex color

#476b66 Color Information

#476b66 Color Conversion

Color Schemes with #476b66

Alternatives to #476b66

#476b66 Preview

Shades and Tints of #476b66

Tones of #476b66

Color Blindness Simulator