#475aaa hex color

In a RGB color space, hex #475aaa is composed of 27.8% red, 35.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 47.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 228.5 degrees, a saturation of 41.1% and a lightness of 47.3%. #475aaa color hex could be obtained by blending #8eb4ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 35
- B 67
RGB color chart
- C 58
- M 47
- Y 0
- K 33
CMYK color chart

● #475aaa color description : Dark moderate blue.

The hexadecimal color #475aaa has RGB values of R:71, G:90, B:170 and CMYK values of C:0.58, M:0.47, Y:0, K:0.33. Its decimal value is 4676266.

Hex triplet	475aaa	`#475aaa`
RGB Decimal	71, 90, 170	`rgb(71,90,170)`
RGB Percent	27.8, 35.3, 66.7	`rgb(27.8%,35.3%,66.7%)`
CMYK	58, 47, 0, 33
HSL	228.5°, 41.1, 47.3	`hsl(228.5,41.1%,47.3%)`
HSV (or HSB)	228.5°, 58.2, 66.7
Web Safe	336699	`#336699`

CIE-LAB	40.498, 17.41, -45.286
XYZ	13.509, 11.554, 39.546
xyY	0.209, 0.179, 11.554
CIE-LCH	40.498, 48.518, 291.029
CIE-LUV	40.498, -11.022, -67.343
Hunter-Lab	33.991, 11.458, -45.187
Binary	01000111, 01011010, 10101010

#475aaa
```
#475aaa rgb(71,90,170)
```
#aa9747
```
#aa9747 rgb(170,151,71)
```

Complementary Color

#478caa
```
#478caa rgb(71,140,170)
```
#475aaa
```
#475aaa rgb(71,90,170)
```
#6647aa
```
#6647aa rgb(102,71,170)
```

Analogous Color

#8caa47
```
#8caa47 rgb(140,170,71)
```
#475aaa
```
#475aaa rgb(71,90,170)
```
#aa6647
```
#aa6647 rgb(170,102,71)
```

Split Complementary Color

#5aaa47
```
#5aaa47 rgb(90,170,71)
```
#475aaa
```
#475aaa rgb(71,90,170)
```
#aa475a
```
#aa475a rgb(170,71,90)
```

Triadic Color

#47aa97
```
#47aa97 rgb(71,170,151)
```
#475aaa
```
#475aaa rgb(71,90,170)
```
#aa475a
```
#aa475a rgb(170,71,90)
```
#aa9747
```
#aa9747 rgb(170,151,71)
```

Tetradic Color

#303d74
```
#303d74 rgb(48,61,116)
```
#384786
```
#384786 rgb(56,71,134)
```
#3f5098
```
#3f5098 rgb(63,80,152)
```
#475aaa
```
#475aaa rgb(71,90,170)
```
#5366b7
```
#5366b7 rgb(83,102,183)
```
#6576bf
```
#6576bf rgb(101,118,191)
```
#7786c6
```
#7786c6 rgb(119,134,198)
```

Monochromatic Color

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

#4773aa
```
#4773aa rgb(71,115,170)
```
#476baa
```
#476baa rgb(71,107,170)
```
#4762aa
```
#4762aa rgb(71,98,170)
```
#475aaa
```
#475aaa rgb(71,90,170)
```
#4752aa
```
#4752aa rgb(71,82,170)
```
#474aaa
```
#474aaa rgb(71,74,170)
```
#4d47aa
```
#4d47aa rgb(77,71,170)
```

Similar Colors

Text with hexadecimal color #475aaa

This text has a font color of #475aaa.

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

#475aaa background color

This paragraph has a background color of #475aaa.

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

#475aaa border color

This element has a border color of #475aaa.

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

CSS codes

.text {color:#475aaa;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070912
```
#070912 rgb(7,9,18)
```
#0d1120
```
#0d1120 rgb(13,17,32)
```
#13182d
```
#13182d rgb(19,24,45)
```
#191f3b
```
#191f3b rgb(25,31,59)
```
#1f2749
```
#1f2749 rgb(31,39,73)
```
#242e57
```
#242e57 rgb(36,46,87)
```
#2a3565
```
#2a3565 rgb(42,53,101)
```
#303d73
```
#303d73 rgb(48,61,115)
```
#364480
```
#364480 rgb(54,68,128)
```
#3b4b8e
```
#3b4b8e rgb(59,75,142)
```
#41539c
```
#41539c rgb(65,83,156)
```
#475aaa
```
#475aaa rgb(71,90,170)
```

Shade Color Variation

#4f63b6
```
#4f63b6 rgb(79,99,182)
```
#5d6fbb
```
#5d6fbb rgb(93,111,187)
```
#6b7bc1
```
#6b7bc1 rgb(107,123,193)
```
#7988c7
```
#7988c7 rgb(121,136,199)
```
#8694cd
```
#8694cd rgb(134,148,205)
```
#94a0d2
```
#94a0d2 rgb(148,160,210)
```
#a2acd8
```
#a2acd8 rgb(162,172,216)
```
#b0b9de
```
#b0b9de rgb(176,185,222)
```
#bec5e4
```
#bec5e4 rgb(190,197,228)
```
#ccd1ea
```
#ccd1ea rgb(204,209,234)
```
#d9deef
```
#d9deef rgb(217,222,239)
```
#e7eaf5
```
#e7eaf5 rgb(231,234,245)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75777c is the less saturated color, while #0632eb is the most saturated one.

#75777c
```
#75777c rgb(117,119,124)
```
#6c7185
```
#6c7185 rgb(108,113,133)
```
#636b8e
```
#636b8e rgb(99,107,142)
```
#5a6597
```
#5a6597 rgb(90,101,151)
```
#5060a1
```
#5060a1 rgb(80,96,161)
```
#475aaa
```
#475aaa rgb(71,90,170)
```
#3e54b3
```
#3e54b3 rgb(62,84,179)
```
#344fbd
```
#344fbd rgb(52,79,189)
```
#2b49c6
```
#2b49c6 rgb(43,73,198)
```
#2243cf
```
#2243cf rgb(34,67,207)
```
#193dd8
```
#193dd8 rgb(25,61,216)
```
#0f38e2
```
#0f38e2 rgb(15,56,226)
```
#0632eb
```
#0632eb rgb(6,50,235)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#595c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f65b0 Protanopia 1% of men
#2769ab Deuteranopia 1% of men
#336f78 Tritanopia 0.001% of the population

Trichromacy

#4261ae Protanomaly 1% of men, 0.01% of women
#3363ab Deuteranomaly 6% of men, 0.4% of women
#3a678a Tritanomaly 0.01% of the population

#475aaa hex color

#475aaa Color Information

#475aaa Color Conversion

Color Schemes with #475aaa

Alternatives to #475aaa

#475aaa Preview

Shades and Tints of #475aaa

Tones of #475aaa

Color Blindness Simulator