colorhexa.com

#474a77 hex color

In a RGB color space, hex #474a77 is composed of 27.8% red, 29% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 37.8% magenta, 0% yellow and 53.3% black. It has a hue angle of 236.3 degrees, a saturation of 25.3% and a lightness of 37.3%. #474a77 color hex could be obtained by blending #8e94ee with #000000. Closest websafe color is: #333366.

- R 28
- G 29
- B 47
RGB color chart
- C 40
- M 38
- Y 0
- K 53
CMYK color chart

● #474a77 color description : Mostly desaturated dark blue.

The hexadecimal color #474a77 has RGB values of R:71, G:74, B:119 and CMYK values of C:0.4, M:0.38, Y:0, K:0.53. Its decimal value is 4672119.

Hex triplet	474a77	`#474a77`
RGB Decimal	71, 74, 119	`rgb(71,74,119)`
RGB Percent	27.8, 29, 46.7	`rgb(27.8%,29%,46.7%)`
CMYK	40, 38, 0, 53
HSL	236.3°, 25.3, 37.3	`hsl(236.3,25.3%,37.3%)`
HSV (or HSB)	236.3°, 40.3, 46.7
Web Safe	333366	`#333366`

CIE-LAB	33.068, 11.005, -26.115
XYZ	8.376, 7.569, 18.471
xyY	0.243, 0.22, 7.569
CIE-LCH	33.068, 28.339, 292.851
CIE-LUV	33.068, -3.82, -36.188
Hunter-Lab	27.512, 6.203, -20.549
Binary	01000111, 01001010, 01110111

#474a77
```
#474a77 rgb(71,74,119)
```
#777447
```
#777447 rgb(119,116,71)
```

Complementary Color

#476277
```
#476277 rgb(71,98,119)
```
#474a77
```
#474a77 rgb(71,74,119)
```
#5c4777
```
#5c4777 rgb(92,71,119)
```

Analogous Color

#627747
```
#627747 rgb(98,119,71)
```
#474a77
```
#474a77 rgb(71,74,119)
```
#775c47
```
#775c47 rgb(119,92,71)
```

Split Complementary Color

#4a7747
```
#4a7747 rgb(74,119,71)
```
#474a77
```
#474a77 rgb(71,74,119)
```
#77474a
```
#77474a rgb(119,71,74)
```

Triadic Color

#477774
```
#477774 rgb(71,119,116)
```
#474a77
```
#474a77 rgb(71,74,119)
```
#77474a
```
#77474a rgb(119,71,74)
```
#777447
```
#777447 rgb(119,116,71)
```

Tetradic Color

#2a2c47
```
#2a2c47 rgb(42,44,71)
```
#343657
```
#343657 rgb(52,54,87)
```
#3d4067
```
#3d4067 rgb(61,64,103)
```
#474a77
```
#474a77 rgb(71,74,119)
```
#515487
```
#515487 rgb(81,84,135)
```
#5a5e97
```
#5a5e97 rgb(90,94,151)
```
#666aa4
```
#666aa4 rgb(102,106,164)
```

Monochromatic Color

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

#475677
```
#475677 rgb(71,86,119)
```
#475277
```
#475277 rgb(71,82,119)
```
#474e77
```
#474e77 rgb(71,78,119)
```
#474a77
```
#474a77 rgb(71,74,119)
```
#484777
```
#484777 rgb(72,71,119)
```
#4c4777
```
#4c4777 rgb(76,71,119)
```
#504777
```
#504777 rgb(80,71,119)
```

Similar Colors

Text with hexadecimal color #474a77

This text has a font color of #474a77.

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

#474a77 background color

This paragraph has a background color of #474a77.

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

#474a77 border color

This element has a border color of #474a77.

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

CSS codes

.text {color:#474a77;}

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

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0c0d15
```
#0c0d15 rgb(12,13,21)
```
#141521
```
#141521 rgb(20,21,33)
```
#1b1c2d
```
#1b1c2d rgb(27,28,45)
```
#22243a
```
#22243a rgb(34,36,58)
```
#2a2b46
```
#2a2b46 rgb(42,43,70)
```
#313352
```
#313352 rgb(49,51,82)
```
#383b5e
```
#383b5e rgb(56,59,94)
```
#40426b
```
#40426b rgb(64,66,107)
```
#474a77
```
#474a77 rgb(71,74,119)
```
#4e5283
```
#4e5283 rgb(78,82,131)
```
#565990
```
#565990 rgb(86,89,144)
```
#5d619c
```
#5d619c rgb(93,97,156)
```

Shade Color Variation

#686ca5
```
#686ca5 rgb(104,108,165)
```
#7478ac
```
#7478ac rgb(116,120,172)
```
#8083b3
```
#8083b3 rgb(128,131,179)
```
#8d8fbb
```
#8d8fbb rgb(141,143,187)
```
#999bc2
```
#999bc2 rgb(153,155,194)
```
#a5a7c9
```
#a5a7c9 rgb(165,167,201)
```
#b1b3d1
```
#b1b3d1 rgb(177,179,209)
```
#bebfd8
```
#bebfd8 rgb(190,191,216)
```
#cacbdf
```
#cacbdf rgb(202,203,223)
```
#d6d7e7
```
#d6d7e7 rgb(214,215,231)
```
#e3e3ee
```
#e3e3ee rgb(227,227,238)
```
#efeff5
```
#efeff5 rgb(239,239,245)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#5d5d61
```
#5d5d61 rgb(93,93,97)
```
#565768
```
#565768 rgb(86,87,104)
```
#4e5070
```
#4e5070 rgb(78,80,112)
```
#474a77
```
#474a77 rgb(71,74,119)
```
#40447e
```
#40447e rgb(64,68,126)
```
#383d86
```
#383d86 rgb(56,61,134)
```
#31378d
```
#31378d rgb(49,55,141)
```
#2a3094
```
#2a3094 rgb(42,48,148)
```
#222a9c
```
#222a9c rgb(34,42,156)
```
#1b24a3
```
#1b24a3 rgb(27,36,163)
```
#141daa
```
#141daa rgb(20,29,170)
```
#0d17b1
```
#0d17b1 rgb(13,23,177)
```
#0510b9
```
#0510b9 rgb(5,16,185)
```

Tone Color Variation

Below, you can see how #474a77 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
#4d4d56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46557f Protanopia 1% of men
#44567c Deuteranopia 1% of men
#475960 Tritanopia 0.001% of the population

Trichromacy

#46517c Protanomaly 1% of men, 0.01% of women
#45527a Deuteranomaly 6% of men, 0.4% of women
#475468 Tritanomaly 0.01% of the population