#475168 hex color

In a RGB color space, hex #475168 is composed of 27.8% red, 31.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 22.1% magenta, 0% yellow and 59.2% black. It has a hue angle of 221.8 degrees, a saturation of 18.9% and a lightness of 34.3%. #475168 color hex could be obtained by blending #8ea2d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 32
- B 41
RGB color chart
- C 32
- M 22
- Y 0
- K 59
CMYK color chart

● #475168 color description : Very dark grayish blue.

The hexadecimal color #475168 has RGB values of R:71, G:81, B:104 and CMYK values of C:0.32, M:0.22, Y:0, K:0.59. Its decimal value is 4673896.

Hex triplet	475168	`#475168`
RGB Decimal	71, 81, 104	`rgb(71,81,104)`
RGB Percent	27.8, 31.8, 40.8	`rgb(27.8%,31.8%,40.8%)`
CMYK	32, 22, 0, 59
HSL	221.8°, 18.9, 34.3	`hsl(221.8,18.9%,34.3%)`
HSV (or HSB)	221.8°, 31.7, 40.8
Web Safe	336666	`#336666`

CIE-LAB	34.445, 2.046, -14.592
XYZ	8.039, 8.224, 14.26
xyY	0.263, 0.269, 8.224
CIE-LCH	34.445, 14.735, 277.981
CIE-LUV	34.445, -5.918, -19.432
Hunter-Lab	28.677, -0.145, -9.408
Binary	01000111, 01010001, 01101000

#475168
```
#475168 rgb(71,81,104)
```
#685e47
```
#685e47 rgb(104,94,71)
```

Complementary Color

#476268
```
#476268 rgb(71,98,104)
```
#475168
```
#475168 rgb(71,81,104)
```
#4e4768
```
#4e4768 rgb(78,71,104)
```

Analogous Color

#626847
```
#626847 rgb(98,104,71)
```
#475168
```
#475168 rgb(71,81,104)
```
#684e47
```
#684e47 rgb(104,78,71)
```

Split Complementary Color

#516847
```
#516847 rgb(81,104,71)
```
#475168
```
#475168 rgb(71,81,104)
```
#684751
```
#684751 rgb(104,71,81)
```

Triadic Color

#47685e
```
#47685e rgb(71,104,94)
```
#475168
```
#475168 rgb(71,81,104)
```
#684751
```
#684751 rgb(104,71,81)
```
#685e47
```
#685e47 rgb(104,94,71)
```

Tetradic Color

#282e3b
```
#282e3b rgb(40,46,59)
```
#32394a
```
#32394a rgb(50,57,74)
```
#3d4559
```
#3d4559 rgb(61,69,89)
```
#475168
```
#475168 rgb(71,81,104)
```
#515d77
```
#515d77 rgb(81,93,119)
```
#5c6986
```
#5c6986 rgb(92,105,134)
```
#667495
```
#667495 rgb(102,116,149)
```

Monochromatic Color

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

#475968
```
#475968 rgb(71,89,104)
```
#475768
```
#475768 rgb(71,87,104)
```
#475468
```
#475468 rgb(71,84,104)
```
#475168
```
#475168 rgb(71,81,104)
```
#474e68
```
#474e68 rgb(71,78,104)
```
#474c68
```
#474c68 rgb(71,76,104)
```
#474968
```
#474968 rgb(71,73,104)
```

Similar Colors

Text with hexadecimal color #475168

This text has a font color of #475168.

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

#475168 background color

This paragraph has a background color of #475168.

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

#475168 border color

This element has a border color of #475168.

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

CSS codes

.text {color:#475168;}

.background {background-color:#475168;}

.border {border:1px solid #475168;}

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, #07080b is the darkest color, while #fefefe is the lightest one.

#07080b
```
#07080b rgb(7,8,11)
```
#0f1116
```
#0f1116 rgb(15,17,22)
```
#171b22
```
#171b22 rgb(23,27,34)
```
#1f242e
```
#1f242e rgb(31,36,46)
```
#272d39
```
#272d39 rgb(39,45,57)
```
#2f3645
```
#2f3645 rgb(47,54,69)
```
#373f51
```
#373f51 rgb(55,63,81)
```
#3f485c
```
#3f485c rgb(63,72,92)
```
#475168
```
#475168 rgb(71,81,104)
```
#4f5a74
```
#4f5a74 rgb(79,90,116)
```
#57637f
```
#57637f rgb(87,99,127)
```
#5f6c8b
```
#5f6c8b rgb(95,108,139)
```
#677597
```
#677597 rgb(103,117,151)
```

Shade Color Variation

#72809f
```
#72809f rgb(114,128,159)
```
#7e8aa7
```
#7e8aa7 rgb(126,138,167)
```
#8a95af
```
#8a95af rgb(138,149,175)
```
#959fb7
```
#959fb7 rgb(149,159,183)
```
#a1aabf
```
#a1aabf rgb(161,170,191)
```
#acb4c7
```
#acb4c7 rgb(172,180,199)
```
#b8bfcf
```
#b8bfcf rgb(184,191,207)
```
#c4c9d7
```
#c4c9d7 rgb(196,201,215)
```
#cfd4df
```
#cfd4df rgb(207,212,223)
```
#dbdfe7
```
#dbdfe7 rgb(219,223,231)
```
#e7e9ee
```
#e7e9ee rgb(231,233,238)
```
#f2f4f6
```
#f2f4f6 rgb(242,244,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54565b is the less saturated color, while #0436ab is the most saturated one.

#54565b
```
#54565b rgb(84,86,91)
```
#4e5461
```
#4e5461 rgb(78,84,97)
```
#475168
```
#475168 rgb(71,81,104)
```
#404e6f
```
#404e6f rgb(64,78,111)
```
#3a4c75
```
#3a4c75 rgb(58,76,117)
```
#33497c
```
#33497c rgb(51,73,124)
```
#2c4683
```
#2c4683 rgb(44,70,131)
```
#25448a
```
#25448a rgb(37,68,138)
```
#1f4190
```
#1f4190 rgb(31,65,144)
```
#183e97
```
#183e97 rgb(24,62,151)
```
#113c9e
```
#113c9e rgb(17,60,158)
```
#0a39a5
```
#0a39a5 rgb(10,57,165)
```
#0436ab
```
#0436ab rgb(4,54,171)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4f5156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54596f Protanopia 1% of men
#555870 Deuteranopia 1% of men
#4d5c63 Tritanopia 0.001% of the population

Trichromacy

#4f566c Protanomaly 1% of men, 0.01% of women
#50556d Deuteranomaly 6% of men, 0.4% of women
#4a5864 Tritanomaly 0.01% of the population

#475168 hex color

#475168 Color Information

#475168 Color Conversion

Color Schemes with #475168

Alternatives to #475168

#475168 Preview

Shades and Tints of #475168

Tones of #475168

Color Blindness Simulator