#476b5d hex color

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

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

● #476b5d color description : Very dark grayish cyan - lime green.

The hexadecimal color #476b5d has RGB values of R:71, G:107, B:93 and CMYK values of C:0.34, M:0, Y:0.13, K:0.58. Its decimal value is 4680541.

Hex triplet	476b5d	`#476b5d`
RGB Decimal	71, 107, 93	`rgb(71,107,93)`
RGB Percent	27.8, 42, 36.5	`rgb(27.8%,42%,36.5%)`
CMYK	34, 0, 13, 58
HSL	156.7°, 20.2, 34.9	`hsl(156.7,20.2%,34.9%)`
HSV (or HSB)	156.7°, 33.6, 42
Web Safe	336666	`#336666`

CIE-LAB	42.223, -16.253, 3.761
XYZ	9.831, 12.645, 12.278
xyY	0.283, 0.364, 12.645
CIE-LCH	42.223, 16.682, 166.972
CIE-LUV	42.223, -17.259, 7.241
Hunter-Lab	35.56, -12.878, 4.42
Binary	01000111, 01101011, 01011101

#476b5d
```
#476b5d rgb(71,107,93)
```
#6b4755
```
#6b4755 rgb(107,71,85)
```

Complementary Color

#476b4b
```
#476b4b rgb(71,107,75)
```
#476b5d
```
#476b5d rgb(71,107,93)
```
#47676b
```
#47676b rgb(71,103,107)
```

Analogous Color

#6b4b47
```
#6b4b47 rgb(107,75,71)
```
#476b5d
```
#476b5d rgb(71,107,93)
```
#6b4767
```
#6b4767 rgb(107,71,103)
```

Split Complementary Color

#6b5d47
```
#6b5d47 rgb(107,93,71)
```
#476b5d
```
#476b5d rgb(71,107,93)
```
#5d476b
```
#5d476b rgb(93,71,107)
```

Triadic Color

#556b47
```
#556b47 rgb(85,107,71)
```
#476b5d
```
#476b5d rgb(71,107,93)
```
#5d476b
```
#5d476b rgb(93,71,107)
```
#6b4755
```
#6b4755 rgb(107,71,85)
```

Tetradic Color

#283d35
```
#283d35 rgb(40,61,53)
```
#334c42
```
#334c42 rgb(51,76,66)
```
#3d5c50
```
#3d5c50 rgb(61,92,80)
```
#476b5d
```
#476b5d rgb(71,107,93)
```
#517a6a
```
#517a6a rgb(81,122,106)
```
#5b8a78
```
#5b8a78 rgb(91,138,120)
```
#669985
```
#669985 rgb(102,153,133)
```

Monochromatic Color

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

#476b54
```
#476b54 rgb(71,107,84)
```
#476b57
```
#476b57 rgb(71,107,87)
```
#476b5a
```
#476b5a rgb(71,107,90)
```
#476b5d
```
#476b5d rgb(71,107,93)
```
#476b60
```
#476b60 rgb(71,107,96)
```
#476b63
```
#476b63 rgb(71,107,99)
```
#476b66
```
#476b66 rgb(71,107,102)
```

Similar Colors

Text with hexadecimal color #476b5d

This text has a font color of #476b5d.

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

#476b5d background color

This paragraph has a background color of #476b5d.

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

#476b5d border color

This element has a border color of #476b5d.

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

CSS codes

.text {color:#476b5d;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080d0b
```
#080d0b rgb(8,13,11)
```
#101815
```
#101815 rgb(16,24,21)
```
#182420
```
#182420 rgb(24,36,32)
```
#20302a
```
#20302a rgb(32,48,42)
```
#283c34
```
#283c34 rgb(40,60,52)
```
#30483e
```
#30483e rgb(48,72,62)
```
#375349
```
#375349 rgb(55,83,73)
```
#3f5f53
```
#3f5f53 rgb(63,95,83)
```
#476b5d
```
#476b5d rgb(71,107,93)
```
#4f7767
```
#4f7767 rgb(79,119,103)
```
#578371
```
#578371 rgb(87,131,113)
```
#5e8e7c
```
#5e8e7c rgb(94,142,124)
```

Shade Color Variation

#679a86
```
#679a86 rgb(103,154,134)
```
#72a28f
```
#72a28f rgb(114,162,143)
```
#7eaa99
```
#7eaa99 rgb(126,170,153)
```
#8ab1a2
```
#8ab1a2 rgb(138,177,162)
```
#96b9ab
```
#96b9ab rgb(150,185,171)
```
#a2c1b5
```
#a2c1b5 rgb(162,193,181)
```
#adc9be
```
#adc9be rgb(173,201,190)
```
#b9d1c7
```
#b9d1c7 rgb(185,209,199)
```
#c5d8d1
```
#c5d8d1 rgb(197,216,209)
```
#d1e0da
```
#d1e0da rgb(209,224,218)
```
#dde8e4
```
#dde8e4 rgb(221,232,228)
```
#e8f0ed
```
#e8f0ed rgb(232,240,237)
```
#f4f8f6
```
#f4f8f6 rgb(244,248,246)
```

Tint Color Variation

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

#555d5a
```
#555d5a rgb(85,93,90)
```
#4e645b
```
#4e645b rgb(78,100,91)
```
#476b5d
```
#476b5d rgb(71,107,93)
```
#40725f
```
#40725f rgb(64,114,95)
```
#397960
```
#397960 rgb(57,121,96)
```
#328062
```
#328062 rgb(50,128,98)
```
#2c8663
```
#2c8663 rgb(44,134,99)
```
#258d65
```
#258d65 rgb(37,141,101)
```
#1e9466
```
#1e9466 rgb(30,148,102)
```
#179b68
```
#179b68 rgb(23,155,104)
```
#10a269
```
#10a269 rgb(16,162,105)
```
#09a96b
```
#09a96b rgb(9,169,107)
```
#03af6c
```
#03af6c rgb(3,175,108)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5a615f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6b61 Protanopia 1% of men
#766868 Deuteranopia 1% of men
#556f78 Tritanopia 0.001% of the population

Trichromacy

#616b60 Protanomaly 1% of men, 0.01% of women
#656964 Deuteranomaly 6% of men, 0.4% of women
#506e6e Tritanomaly 0.01% of the population

#476b5d hex color

#476b5d Color Information

#476b5d Color Conversion

Color Schemes with #476b5d

Alternatives to #476b5d

#476b5d Preview

Shades and Tints of #476b5d

Tones of #476b5d

Color Blindness Simulator