#474aa3 hex color

In a RGB color space, hex #474aa3 is composed of 27.8% red, 29% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 54.6% magenta, 0% yellow and 36.1% black. It has a hue angle of 238 degrees, a saturation of 39.3% and a lightness of 45.9%. #474aa3 color hex could be obtained by blending #8e94ff with #000047. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 28
- G 29
- B 64
RGB color chart
- C 56
- M 55
- Y 0
- K 36
CMYK color chart

● #474aa3 color description : Dark moderate blue.

The hexadecimal color #474aa3 has RGB values of R:71, G:74, B:163 and CMYK values of C:0.56, M:0.55, Y:0, K:0.36. Its decimal value is 4672163.

Hex triplet	474aa3	`#474aa3`
RGB Decimal	71, 74, 163	`rgb(71,74,163)`
RGB Percent	27.8, 29, 63.9	`rgb(27.8%,29%,63.9%)`
CMYK	56, 55, 0, 36
HSL	238°, 39.3, 45.9	`hsl(238,39.3%,45.9%)`
HSV (or HSB)	238°, 56.4, 63.9
Web Safe	333399	`#333399`

CIE-LAB	35.754, 25.34, -48.742
XYZ	11.657, 8.881, 35.748
xyY	0.207, 0.158, 8.881
CIE-LCH	35.754, 54.935, 297.469
CIE-LUV	35.754, -5.994, -70.327
Hunter-Lab	29.801, 17.669, -50.261
Binary	01000111, 01001010, 10100011

#474aa3
```
#474aa3 rgb(71,74,163)
```
#a3a047
```
#a3a047 rgb(163,160,71)
```

Complementary Color

#4778a3
```
#4778a3 rgb(71,120,163)
```
#474aa3
```
#474aa3 rgb(71,74,163)
```
#7247a3
```
#7247a3 rgb(114,71,163)
```

Analogous Color

#78a347
```
#78a347 rgb(120,163,71)
```
#474aa3
```
#474aa3 rgb(71,74,163)
```
#a37247
```
#a37247 rgb(163,114,71)
```

Split Complementary Color

#4aa347
```
#4aa347 rgb(74,163,71)
```
#474aa3
```
#474aa3 rgb(71,74,163)
```
#a3474a
```
#a3474a rgb(163,71,74)
```

Triadic Color

#47a3a0
```
#47a3a0 rgb(71,163,160)
```
#474aa3
```
#474aa3 rgb(71,74,163)
```
#a3474a
```
#a3474a rgb(163,71,74)
```
#a3a047
```
#a3a047 rgb(163,160,71)
```

Tetradic Color

#30326e
```
#30326e rgb(48,50,110)
```
#383a7f
```
#383a7f rgb(56,58,127)
```
#3f4291
```
#3f4291 rgb(63,66,145)
```
#474aa3
```
#474aa3 rgb(71,74,163)
```
#5154b3
```
#5154b3 rgb(81,84,179)
```
#6265bb
```
#6265bb rgb(98,101,187)
```
#7477c2
```
#7477c2 rgb(116,119,194)
```

Monochromatic Color

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

#4761a3
```
#4761a3 rgb(71,97,163)
```
#4759a3
```
#4759a3 rgb(71,89,163)
```
#4752a3
```
#4752a3 rgb(71,82,163)
```
#474aa3
```
#474aa3 rgb(71,74,163)
```
#4c47a3
```
#4c47a3 rgb(76,71,163)
```
#5347a3
```
#5347a3 rgb(83,71,163)
```
#5b47a3
```
#5b47a3 rgb(91,71,163)
```

Similar Colors

Text with hexadecimal color #474aa3

This text has a font color of #474aa3.

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

#474aa3 background color

This paragraph has a background color of #474aa3.

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

#474aa3 border color

This element has a border color of #474aa3.

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

CSS codes

.text {color:#474aa3;}

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

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

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, #06060d is the darkest color, while #fefeff is the lightest one.

#06060d
```
#06060d rgb(6,6,13)
```
#0b0c1a
```
#0b0c1a rgb(11,12,26)
```
#111228
```
#111228 rgb(17,18,40)
```
#171836
```
#171836 rgb(23,24,54)
```
#1d1f43
```
#1d1f43 rgb(29,31,67)
```
#232551
```
#232551 rgb(35,37,81)
```
#292b5f
```
#292b5f rgb(41,43,95)
```
#2f316c
```
#2f316c rgb(47,49,108)
```
#35377a
```
#35377a rgb(53,55,122)
```
#3b3e88
```
#3b3e88 rgb(59,62,136)
```
#414495
```
#414495 rgb(65,68,149)
```
#474aa3
```
#474aa3 rgb(71,74,163)
```
#4d50b1
```
#4d50b1 rgb(77,80,177)
```

Shade Color Variation

#5a5db7
```
#5a5db7 rgb(90,93,183)
```
#686bbd
```
#686bbd rgb(104,107,189)
```
#7578c3
```
#7578c3 rgb(117,120,195)
```
#8385c9
```
#8385c9 rgb(131,133,201)
```
#9193cf
```
#9193cf rgb(145,147,207)
```
#9ea0d5
```
#9ea0d5 rgb(158,160,213)
```
#acaedb
```
#acaedb rgb(172,174,219)
```
#babbe1
```
#babbe1 rgb(186,187,225)
```
#c7c8e7
```
#c7c8e7 rgb(199,200,231)
```
#d5d6ed
```
#d5d6ed rgb(213,214,237)
```
#e3e3f3
```
#e3e3f3 rgb(227,227,243)
```
#f0f1f9
```
#f0f1f9 rgb(240,241,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#747476
```
#747476 rgb(116,116,118)
```
#6b6c7f
```
#6b6c7f rgb(107,108,127)
```
#626388
```
#626388 rgb(98,99,136)
```
#595b91
```
#595b91 rgb(89,91,145)
```
#50529a
```
#50529a rgb(80,82,154)
```
#474aa3
```
#474aa3 rgb(71,74,163)
```
#3e42ac
```
#3e42ac rgb(62,66,172)
```
#3539b5
```
#3539b5 rgb(53,57,181)
```
#2c31be
```
#2c31be rgb(44,49,190)
```
#2328c7
```
#2328c7 rgb(35,40,199)
```
#1a20d0
```
#1a20d0 rgb(26,32,208)
```
#1118d9
```
#1118d9 rgb(17,24,217)
```
#080fe2
```
#080fe2 rgb(8,15,226)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#515163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b5aad Protanopia 1% of men
#005e9c Deuteranopia 1% of men
#32636b Tritanopia 0.001% of the population

Trichromacy

#2b54a9 Protanomaly 1% of men, 0.01% of women
#19579e Deuteranomaly 6% of men, 0.4% of women
#395a7f Tritanomaly 0.01% of the population

#474aa3 hex color

#474aa3 Color Information

#474aa3 Color Conversion

Color Schemes with #474aa3

Alternatives to #474aa3

#474aa3 Preview

Shades and Tints of #474aa3

Tones of #474aa3

Color Blindness Simulator