#475d6b hex color

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

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

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

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

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

CIE-LAB	38.251, -4.551, -10.669
XYZ	9.166, 10.23, 15.401
xyY	0.263, 0.294, 10.23
CIE-LCH	38.251, 11.599, 246.897
CIE-LUV	38.251, -11.066, -13.641
Hunter-Lab	31.984, -4.815, -6.161
Binary	01000111, 01011101, 01101011

#475d6b
```
#475d6b rgb(71,93,107)
```
#6b5547
```
#6b5547 rgb(107,85,71)
```

Complementary Color

#476b67
```
#476b67 rgb(71,107,103)
```
#475d6b
```
#475d6b rgb(71,93,107)
```
#474b6b
```
#474b6b rgb(71,75,107)
```

Analogous Color

#6b6747
```
#6b6747 rgb(107,103,71)
```
#475d6b
```
#475d6b rgb(71,93,107)
```
#6b474b
```
#6b474b rgb(107,71,75)
```

Split Complementary Color

#5d6b47
```
#5d6b47 rgb(93,107,71)
```
#475d6b
```
#475d6b rgb(71,93,107)
```
#6b475d
```
#6b475d rgb(107,71,93)
```

Triadic Color

#476b55
```
#476b55 rgb(71,107,85)
```
#475d6b
```
#475d6b rgb(71,93,107)
```
#6b475d
```
#6b475d rgb(107,71,93)
```
#6b5547
```
#6b5547 rgb(107,85,71)
```

Tetradic Color

#28353d
```
#28353d rgb(40,53,61)
```
#33424c
```
#33424c rgb(51,66,76)
```
#3d505c
```
#3d505c rgb(61,80,92)
```
#475d6b
```
#475d6b rgb(71,93,107)
```
#516a7a
```
#516a7a rgb(81,106,122)
```
#5b788a
```
#5b788a rgb(91,120,138)
```
#668599
```
#668599 rgb(102,133,153)
```

Monochromatic Color

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

#47666b
```
#47666b rgb(71,102,107)
```
#47636b
```
#47636b rgb(71,99,107)
```
#47606b
```
#47606b rgb(71,96,107)
```
#475d6b
```
#475d6b rgb(71,93,107)
```
#475a6b
```
#475a6b rgb(71,90,107)
```
#47576b
```
#47576b rgb(71,87,107)
```
#47546b
```
#47546b rgb(71,84,107)
```

Similar Colors

Text with hexadecimal color #475d6b

This text has a font color of #475d6b.

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

#475d6b background color

This paragraph has a background color of #475d6b.

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

#475d6b border color

This element has a border color of #475d6b.

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

CSS codes

.text {color:#475d6b;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080b0d
```
#080b0d rgb(8,11,13)
```
#101518
```
#101518 rgb(16,21,24)
```
#182024
```
#182024 rgb(24,32,36)
```
#202a30
```
#202a30 rgb(32,42,48)
```
#28343c
```
#28343c rgb(40,52,60)
```
#303e48
```
#303e48 rgb(48,62,72)
```
#374953
```
#374953 rgb(55,73,83)
```
#3f535f
```
#3f535f rgb(63,83,95)
```
#475d6b
```
#475d6b rgb(71,93,107)
```
#4f6777
```
#4f6777 rgb(79,103,119)
```
#577183
```
#577183 rgb(87,113,131)
```
#5e7c8e
```
#5e7c8e rgb(94,124,142)
```

Shade Color Variation

#67869a
```
#67869a rgb(103,134,154)
```
#728fa2
```
#728fa2 rgb(114,143,162)
```
#7e99aa
```
#7e99aa rgb(126,153,170)
```
#8aa2b1
```
#8aa2b1 rgb(138,162,177)
```
#96abb9
```
#96abb9 rgb(150,171,185)
```
#a2b5c1
```
#a2b5c1 rgb(162,181,193)
```
#adbec9
```
#adbec9 rgb(173,190,201)
```
#b9c7d1
```
#b9c7d1 rgb(185,199,209)
```
#c5d1d8
```
#c5d1d8 rgb(197,209,216)
```
#d1dae0
```
#d1dae0 rgb(209,218,224)
```
#dde4e8
```
#dde4e8 rgb(221,228,232)
```
#e8edf0
```
#e8edf0 rgb(232,237,240)
```
#f4f6f8
```
#f4f6f8 rgb(244,246,248)
```

Tint Color Variation

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

#555a5d
```
#555a5d rgb(85,90,93)
```
#4e5b64
```
#4e5b64 rgb(78,91,100)
```
#475d6b
```
#475d6b rgb(71,93,107)
```
#405f72
```
#405f72 rgb(64,95,114)
```
#396079
```
#396079 rgb(57,96,121)
```
#326280
```
#326280 rgb(50,98,128)
```
#2c6386
```
#2c6386 rgb(44,99,134)
```
#25658d
```
#25658d rgb(37,101,141)
```
#1e6694
```
#1e6694 rgb(30,102,148)
```
#17689b
```
#17689b rgb(23,104,155)
```
#1069a2
```
#1069a2 rgb(16,105,162)
```
#096ba9
```
#096ba9 rgb(9,107,169)
```
#036caf
```
#036caf rgb(3,108,175)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#55595c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6170 Protanopia 1% of men
#626074 Deuteranopia 1% of men
#4f666d Tritanopia 0.001% of the population

Trichromacy

#56606e Protanomaly 1% of men, 0.01% of women
#585f70 Deuteranomaly 6% of men, 0.4% of women
#4c626c Tritanomaly 0.01% of the population

#475d6b hex color

#475d6b Color Information

#475d6b Color Conversion

Color Schemes with #475d6b

Alternatives to #475d6b

#475d6b Preview

Shades and Tints of #475d6b

Tones of #475d6b

Color Blindness Simulator