#475d7b hex color

In a RGB color space, hex #475d7b is composed of 27.8% red, 36.5% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 42.3% cyan, 24.4% magenta, 0% yellow and 51.8% black. It has a hue angle of 214.6 degrees, a saturation of 26.8% and a lightness of 38%. #475d7b color hex could be obtained by blending #8ebaf6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 36
- B 48
RGB color chart
- C 42
- M 24
- Y 0
- K 52
CMYK color chart

● #475d7b color description : Mostly desaturated dark blue.

The hexadecimal color #475d7b has RGB values of R:71, G:93, B:123 and CMYK values of C:0.42, M:0.24, Y:0, K:0.52. Its decimal value is 4676987.

Hex triplet	475d7b	`#475d7b`
RGB Decimal	71, 93, 123	`rgb(71,93,123)`
RGB Percent	27.8, 36.5, 48.2	`rgb(27.8%,36.5%,48.2%)`
CMYK	42, 24, 0, 52
HSL	214.6°, 26.8, 38	`hsl(214.6,26.8%,38%)`
HSV (or HSB)	214.6°, 42.3, 48.2
Web Safe	336666	`#336666`

CIE-LAB	38.895, 0.111, -19.518
XYZ	10.087, 10.598, 20.252
xyY	0.246, 0.259, 10.598
CIE-LCH	38.895, 19.519, 270.326
CIE-LUV	38.895, -11.259, -26.948
Hunter-Lab	32.555, -1.661, -14.096
Binary	01000111, 01011101, 01111011

#475d7b
```
#475d7b rgb(71,93,123)
```
#7b6547
```
#7b6547 rgb(123,101,71)
```

Complementary Color

#47777b
```
#47777b rgb(71,119,123)
```
#475d7b
```
#475d7b rgb(71,93,123)
```
#4b477b
```
#4b477b rgb(75,71,123)
```

Analogous Color

#777b47
```
#777b47 rgb(119,123,71)
```
#475d7b
```
#475d7b rgb(71,93,123)
```
#7b4b47
```
#7b4b47 rgb(123,75,71)
```

Split Complementary Color

#5d7b47
```
#5d7b47 rgb(93,123,71)
```
#475d7b
```
#475d7b rgb(71,93,123)
```
#7b475d
```
#7b475d rgb(123,71,93)
```

Triadic Color

#477b65
```
#477b65 rgb(71,123,101)
```
#475d7b
```
#475d7b rgb(71,93,123)
```
#7b475d
```
#7b475d rgb(123,71,93)
```
#7b6547
```
#7b6547 rgb(123,101,71)
```

Tetradic Color

#2b384a
```
#2b384a rgb(43,56,74)
```
#34455b
```
#34455b rgb(52,69,91)
```
#3e516b
```
#3e516b rgb(62,81,107)
```
#475d7b
```
#475d7b rgb(71,93,123)
```
#50698b
```
#50698b rgb(80,105,139)
```
#5a759b
```
#5a759b rgb(90,117,155)
```
#6782a7
```
#6782a7 rgb(103,130,167)
```

Monochromatic Color

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

#476a7b
```
#476a7b rgb(71,106,123)
```
#47667b
```
#47667b rgb(71,102,123)
```
#47617b
```
#47617b rgb(71,97,123)
```
#475d7b
```
#475d7b rgb(71,93,123)
```
#47597b
```
#47597b rgb(71,89,123)
```
#47547b
```
#47547b rgb(71,84,123)
```
#47507b
```
#47507b rgb(71,80,123)
```

Similar Colors

Text with hexadecimal color #475d7b

This text has a font color of #475d7b.

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

#475d7b background color

This paragraph has a background color of #475d7b.

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

#475d7b border color

This element has a border color of #475d7b.

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

CSS codes

.text {color:#475d7b;}

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

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

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

#06080b
```
#06080b rgb(6,8,11)
```
#0e1218
```
#0e1218 rgb(14,18,24)
```
#151b24
```
#151b24 rgb(21,27,36)
```
#1c2530
```
#1c2530 rgb(28,37,48)
```
#232e3d
```
#232e3d rgb(35,46,61)
```
#2a3749
```
#2a3749 rgb(42,55,73)
```
#314156
```
#314156 rgb(49,65,86)
```
#394a62
```
#394a62 rgb(57,74,98)
```
#40546f
```
#40546f rgb(64,84,111)
```
#475d7b
```
#475d7b rgb(71,93,123)
```
#4e6687
```
#4e6687 rgb(78,102,135)
```
#557094
```
#557094 rgb(85,112,148)
```
#5d79a0
```
#5d79a0 rgb(93,121,160)
```

Shade Color Variation

#6883a8
```
#6883a8 rgb(104,131,168)
```
#758eaf
```
#758eaf rgb(117,142,175)
```
#8198b6
```
#8198b6 rgb(129,152,182)
```
#8ea2be
```
#8ea2be rgb(142,162,190)
```
#9aacc5
```
#9aacc5 rgb(154,172,197)
```
#a7b6cc
```
#a7b6cc rgb(167,182,204)
```
#b3c1d3
```
#b3c1d3 rgb(179,193,211)
```
#bfcbda
```
#bfcbda rgb(191,203,218)
```
#ccd5e1
```
#ccd5e1 rgb(204,213,225)
```
#d8dfe9
```
#d8dfe9 rgb(216,223,233)
```
#e5e9f0
```
#e5e9f0 rgb(229,233,240)
```
#f1f4f7
```
#f1f4f7 rgb(241,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6065 is the less saturated color, while #0453be is the most saturated one.

#5d6065
```
#5d6065 rgb(93,96,101)
```
#565f6c
```
#565f6c rgb(86,95,108)
```
#4e5e74
```
#4e5e74 rgb(78,94,116)
```
#475d7b
```
#475d7b rgb(71,93,123)
```
#405c82
```
#405c82 rgb(64,92,130)
```
#385b8a
```
#385b8a rgb(56,91,138)
```
#315a91
```
#315a91 rgb(49,90,145)
```
#295899
```
#295899 rgb(41,88,153)
```
#2257a0
```
#2257a0 rgb(34,87,160)
```
#1a56a8
```
#1a56a8 rgb(26,86,168)
```
#1355af
```
#1355af rgb(19,85,175)
```
#0b54b7
```
#0b54b7 rgb(11,84,183)
```
#0453be
```
#0453be rgb(4,83,190)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#565b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6380 Protanopia 1% of men
#5b6282 Deuteranopia 1% of men
#4a6870 Tritanopia 0.001% of the population

Trichromacy

#54607e Protanomaly 1% of men, 0.01% of women
#536080 Deuteranomaly 6% of men, 0.4% of women
#496474 Tritanomaly 0.01% of the population

#475d7b hex color

#475d7b Color Information

#475d7b Color Conversion

Color Schemes with #475d7b

Alternatives to #475d7b

#475d7b Preview

Shades and Tints of #475d7b

Tones of #475d7b

Color Blindness Simulator