#475f6c hex color

In a RGB color space, hex #475f6c is composed of 27.8% red, 37.3% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 12% magenta, 0% yellow and 57.6% black. It has a hue angle of 201.1 degrees, a saturation of 20.7% and a lightness of 35.1%. #475f6c color hex could be obtained by blending #8ebed8 with #000000. Closest websafe color is: #336666.

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

● #475f6c color description : Very dark grayish blue.

The hexadecimal color #475f6c has RGB values of R:71, G:95, B:108 and CMYK values of C:0.34, M:0.12, Y:0, K:0.58. Its decimal value is 4677484.

Hex triplet	475f6c	`#475f6c`
RGB Decimal	71, 95, 108	`rgb(71,95,108)`
RGB Percent	27.8, 37.3, 42.4	`rgb(27.8%,37.3%,42.4%)`
CMYK	34, 12, 0, 58
HSL	201.1°, 20.7, 35.1	`hsl(201.1,20.7%,35.1%)`
HSV (or HSB)	201.1°, 34.3, 42.4
Web Safe	336666	`#336666`

CIE-LAB	38.909, -5.48, -10.291
XYZ	9.397, 10.606, 15.739
xyY	0.263, 0.297, 10.606
CIE-LCH	38.909, 11.659, 241.964
CIE-LUV	38.909, -11.931, -13.054
Hunter-Lab	32.567, -5.489, -5.855
Binary	01000111, 01011111, 01101100

#475f6c
```
#475f6c rgb(71,95,108)
```
#6c5447
```
#6c5447 rgb(108,84,71)
```

Complementary Color

#476c67
```
#476c67 rgb(71,108,103)
```
#475f6c
```
#475f6c rgb(71,95,108)
```
#474d6c
```
#474d6c rgb(71,77,108)
```

Analogous Color

#6c6747
```
#6c6747 rgb(108,103,71)
```
#475f6c
```
#475f6c rgb(71,95,108)
```
#6c474d
```
#6c474d rgb(108,71,77)
```

Split Complementary Color

#5f6c47
```
#5f6c47 rgb(95,108,71)
```
#475f6c
```
#475f6c rgb(71,95,108)
```
#6c475f
```
#6c475f rgb(108,71,95)
```

Triadic Color

#476c54
```
#476c54 rgb(71,108,84)
```
#475f6c
```
#475f6c rgb(71,95,108)
```
#6c475f
```
#6c475f rgb(108,71,95)
```
#6c5447
```
#6c5447 rgb(108,84,71)
```

Tetradic Color

#29363e
```
#29363e rgb(41,54,62)
```
#33444d
```
#33444d rgb(51,68,77)
```
#3d515d
```
#3d515d rgb(61,81,93)
```
#475f6c
```
#475f6c rgb(71,95,108)
```
#516d7b
```
#516d7b rgb(81,109,123)
```
#5b7a8b
```
#5b7a8b rgb(91,122,139)
```
#65889a
```
#65889a rgb(101,136,154)
```

Monochromatic Color

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

#47686c
```
#47686c rgb(71,104,108)
```
#47656c
```
#47656c rgb(71,101,108)
```
#47626c
```
#47626c rgb(71,98,108)
```
#475f6c
```
#475f6c rgb(71,95,108)
```
#475c6c
```
#475c6c rgb(71,92,108)
```
#47596c
```
#47596c rgb(71,89,108)
```
#47566c
```
#47566c rgb(71,86,108)
```

Similar Colors

Text with hexadecimal color #475f6c

This text has a font color of #475f6c.

<span style="color:#475f6c;">Text here</span>

#475f6c background color

This paragraph has a background color of #475f6c.

<p style="background-color:#475f6c;">Content here</p>

#475f6c border color

This element has a border color of #475f6c.

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

CSS codes

.text {color:#475f6c;}

.background {background-color:#475f6c;}

.border {border:1px solid #475f6c;}

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0d
```
#090c0d rgb(9,12,13)
```
#111619
```
#111619 rgb(17,22,25)
```
#182125
```
#182125 rgb(24,33,37)
```
#202b31
```
#202b31 rgb(32,43,49)
```
#28353d
```
#28353d rgb(40,53,61)
```
#304048
```
#304048 rgb(48,64,72)
```
#374a54
```
#374a54 rgb(55,74,84)
```
#3f5560
```
#3f5560 rgb(63,85,96)
```
#475f6c
```
#475f6c rgb(71,95,108)
```
#4f6978
```
#4f6978 rgb(79,105,120)
```
#577484
```
#577484 rgb(87,116,132)
```
#5e7e90
```
#5e7e90 rgb(94,126,144)
```

Shade Color Variation

#67889b
```
#67889b rgb(103,136,155)
```
#7292a3
```
#7292a3 rgb(114,146,163)
```
#7e9baa
```
#7e9baa rgb(126,155,170)
```
#8aa4b2
```
#8aa4b2 rgb(138,164,178)
```
#96adba
```
#96adba rgb(150,173,186)
```
#a2b7c2
```
#a2b7c2 rgb(162,183,194)
```
#aec0ca
```
#aec0ca rgb(174,192,202)
```
#b9c9d1
```
#b9c9d1 rgb(185,201,209)
```
#c5d2d9
```
#c5d2d9 rgb(197,210,217)
```
#d1dbe1
```
#d1dbe1 rgb(209,219,225)
```
#dde5e9
```
#dde5e9 rgb(221,229,233)
```
#e9eef0
```
#e9eef0 rgb(233,238,240)
```
#f5f7f8
```
#f5f7f8 rgb(245,247,248)
```

Tint Color Variation

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

#555b5e
```
#555b5e rgb(85,91,94)
```
#4e5d65
```
#4e5d65 rgb(78,93,101)
```
#475f6c
```
#475f6c rgb(71,95,108)
```
#406173
```
#406173 rgb(64,97,115)
```
#39637a
```
#39637a rgb(57,99,122)
```
#326581
```
#326581 rgb(50,101,129)
```
#2b6788
```
#2b6788 rgb(43,103,136)
```
#25698e
```
#25698e rgb(37,105,142)
```
#1e6b95
```
#1e6b95 rgb(30,107,149)
```
#176d9c
```
#176d9c rgb(23,109,156)
```
#106fa3
```
#106fa3 rgb(16,111,163)
```
#0971aa
```
#0971aa rgb(9,113,170)
```
#0273b1
```
#0273b1 rgb(2,115,177)
```

Tone Color Variation

Below, you can see how #475f6c 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

#595959 Achromatopsia 0.005% of the population
#555a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#616371 Protanopia 1% of men
#646275 Deuteranopia 1% of men
#4f686f Tritanopia 0.001% of the population

Trichromacy

#57616f Protanomaly 1% of men, 0.01% of women
#596072 Deuteranomaly 6% of men, 0.4% of women
#4c646e Tritanomaly 0.01% of the population

#475f6c hex color

#475f6c Color Information

#475f6c Color Conversion

Color Schemes with #475f6c

Alternatives to #475f6c

#475f6c Preview

Shades and Tints of #475f6c

Tones of #475f6c

Color Blindness Simulator