#474e63 hex color

In a RGB color space, hex #474e63 is composed of 27.8% red, 30.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 21.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 225 degrees, a saturation of 16.5% and a lightness of 33.3%. #474e63 color hex could be obtained by blending #8e9cc6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 31
- B 39
RGB color chart
- C 28
- M 21
- Y 0
- K 61
CMYK color chart

● #474e63 color description : Very dark grayish blue.

The hexadecimal color #474e63 has RGB values of R:71, G:78, B:99 and CMYK values of C:0.28, M:0.21, Y:0, K:0.61. Its decimal value is 4673123.

Hex triplet	474e63	`#474e63`
RGB Decimal	71, 78, 99	`rgb(71,78,99)`
RGB Percent	27.8, 30.6, 38.8	`rgb(27.8%,30.6%,38.8%)`
CMYK	28, 21, 0, 61
HSL	225°, 16.5, 33.3	`hsl(225,16.5%,33.3%)`
HSV (or HSB)	225°, 28.3, 38.8
Web Safe	336666	`#336666`

CIE-LAB	33.327, 2.552, -13.154
XYZ	7.575, 7.689, 12.889
xyY	0.269, 0.273, 7.689
CIE-LCH	33.327, 13.4, 280.98
CIE-LUV	33.327, -4.472, -17.35
Hunter-Lab	27.729, 0.234, -8.148
Binary	01000111, 01001110, 01100011

#474e63
```
#474e63 rgb(71,78,99)
```
#635c47
```
#635c47 rgb(99,92,71)
```

Complementary Color

#475c63
```
#475c63 rgb(71,92,99)
```
#474e63
```
#474e63 rgb(71,78,99)
```
#4e4763
```
#4e4763 rgb(78,71,99)
```

Analogous Color

#5c6347
```
#5c6347 rgb(92,99,71)
```
#474e63
```
#474e63 rgb(71,78,99)
```
#634e47
```
#634e47 rgb(99,78,71)
```

Split Complementary Color

#4e6347
```
#4e6347 rgb(78,99,71)
```
#474e63
```
#474e63 rgb(71,78,99)
```
#63474e
```
#63474e rgb(99,71,78)
```

Triadic Color

#47635c
```
#47635c rgb(71,99,92)
```
#474e63
```
#474e63 rgb(71,78,99)
```
#63474e
```
#63474e rgb(99,71,78)
```
#635c47
```
#635c47 rgb(99,92,71)
```

Tetradic Color

#272b36
```
#272b36 rgb(39,43,54)
```
#323745
```
#323745 rgb(50,55,69)
```
#3c4254
```
#3c4254 rgb(60,66,84)
```
#474e63
```
#474e63 rgb(71,78,99)
```
#525a72
```
#525a72 rgb(82,90,114)
```
#5c6581
```
#5c6581 rgb(92,101,129)
```
#677190
```
#677190 rgb(103,113,144)
```

Monochromatic Color

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

#475563
```
#475563 rgb(71,85,99)
```
#475363
```
#475363 rgb(71,83,99)
```
#475063
```
#475063 rgb(71,80,99)
```
#474e63
```
#474e63 rgb(71,78,99)
```
#474c63
```
#474c63 rgb(71,76,99)
```
#474963
```
#474963 rgb(71,73,99)
```
#474763
```
#474763 rgb(71,71,99)
```

Similar Colors

Text with hexadecimal color #474e63

This text has a font color of #474e63.

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

#474e63 background color

This paragraph has a background color of #474e63.

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

#474e63 border color

This element has a border color of #474e63.

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

CSS codes

.text {color:#474e63;}

.background {background-color:#474e63;}

.border {border:1px solid #474e63;}

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, #050608 is the darkest color, while #fbfbfc is the lightest one.

#050608
```
#050608 rgb(5,6,8)
```
#0e0f13
```
#0e0f13 rgb(14,15,19)
```
#16181e
```
#16181e rgb(22,24,30)
```
#1e212a
```
#1e212a rgb(30,33,42)
```
#262a35
```
#262a35 rgb(38,42,53)
```
#2e3341
```
#2e3341 rgb(46,51,65)
```
#373c4c
```
#373c4c rgb(55,60,76)
```
#3f4558
```
#3f4558 rgb(63,69,88)
```
#474e63
```
#474e63 rgb(71,78,99)
```
#4f576e
```
#4f576e rgb(79,87,110)
```
#57607a
```
#57607a rgb(87,96,122)
```
#606985
```
#606985 rgb(96,105,133)
```
#687291
```
#687291 rgb(104,114,145)
```

Shade Color Variation

#727c9a
```
#727c9a rgb(114,124,154)
```
#7e87a2
```
#7e87a2 rgb(126,135,162)
```
#8991aa
```
#8991aa rgb(137,145,170)
```
#949cb3
```
#949cb3 rgb(148,156,179)
```
#a0a7bb
```
#a0a7bb rgb(160,167,187)
```
#abb1c3
```
#abb1c3 rgb(171,177,195)
```
#b7bccb
```
#b7bccb rgb(183,188,203)
```
#c2c6d3
```
#c2c6d3 rgb(194,198,211)
```
#ced1dc
```
#ced1dc rgb(206,209,220)
```
#d9dce4
```
#d9dce4 rgb(217,220,228)
```
#e4e6ec
```
#e4e6ec rgb(228,230,236)
```
#f0f1f4
```
#f0f1f4 rgb(240,241,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545556 is the less saturated color, while #062da4 is the most saturated one.

#545556
```
#545556 rgb(84,85,86)
```
#4e515c
```
#4e515c rgb(78,81,92)
```
#474e63
```
#474e63 rgb(71,78,99)
```
#404b6a
```
#404b6a rgb(64,75,106)
```
#3a4770
```
#3a4770 rgb(58,71,112)
```
#334477
```
#334477 rgb(51,68,119)
```
#2d417d
```
#2d417d rgb(45,65,125)
```
#263e84
```
#263e84 rgb(38,62,132)
```
#203a8a
```
#203a8a rgb(32,58,138)
```
#193791
```
#193791 rgb(25,55,145)
```
#133497
```
#133497 rgb(19,52,151)
```
#0c319e
```
#0c319e rgb(12,49,158)
```
#062da4
```
#062da4 rgb(6,45,164)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4d4e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#52566a Protanopia 1% of men
#54566b Deuteranopia 1% of men
#4d595f Tritanopia 0.001% of the population

Trichromacy

#4e5367 Protanomaly 1% of men, 0.01% of women
#4f5368 Deuteranomaly 6% of men, 0.4% of women
#4b5560 Tritanomaly 0.01% of the population

#474e63 hex color

#474e63 Color Information

#474e63 Color Conversion

Color Schemes with #474e63

Alternatives to #474e63

#474e63 Preview

Shades and Tints of #474e63

Tones of #474e63

Color Blindness Simulator