#475faa hex color

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

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

● #475faa color description : Dark moderate blue.

The hexadecimal color #475faa has RGB values of R:71, G:95, B:170 and CMYK values of C:0.58, M:0.44, Y:0, K:0.33. Its decimal value is 4677546.

Hex triplet	475faa	`#475faa`
RGB Decimal	71, 95, 170	`rgb(71,95,170)`
RGB Percent	27.8, 37.3, 66.7	`rgb(27.8%,37.3%,66.7%)`
CMYK	58, 44, 0, 33
HSL	225.5°, 41.1, 47.3	`hsl(225.5,41.1%,47.3%)`
HSV (or HSB)	225.5°, 58.2, 66.7
Web Safe	336699	`#336699`

CIE-LAB	41.885, 14.209, -43.069
XYZ	13.945, 12.426, 39.692
xyY	0.211, 0.188, 12.426
CIE-LCH	41.885, 45.353, 288.258
CIE-LUV	41.885, -12.634, -64.368
Hunter-Lab	35.25, 8.927, -42.086
Binary	01000111, 01011111, 10101010

#475faa
```
#475faa rgb(71,95,170)
```
#aa9247
```
#aa9247 rgb(170,146,71)
```

Complementary Color

#4791aa
```
#4791aa rgb(71,145,170)
```
#475faa
```
#475faa rgb(71,95,170)
```
#6147aa
```
#6147aa rgb(97,71,170)
```

Analogous Color

#91aa47
```
#91aa47 rgb(145,170,71)
```
#475faa
```
#475faa rgb(71,95,170)
```
#aa6147
```
#aa6147 rgb(170,97,71)
```

Split Complementary Color

#5faa47
```
#5faa47 rgb(95,170,71)
```
#475faa
```
#475faa rgb(71,95,170)
```
#aa475f
```
#aa475f rgb(170,71,95)
```

Triadic Color

#47aa92
```
#47aa92 rgb(71,170,146)
```
#475faa
```
#475faa rgb(71,95,170)
```
#aa475f
```
#aa475f rgb(170,71,95)
```
#aa9247
```
#aa9247 rgb(170,146,71)
```

Tetradic Color

#304174
```
#304174 rgb(48,65,116)
```
#384b86
```
#384b86 rgb(56,75,134)
```
#3f5598
```
#3f5598 rgb(63,85,152)
```
#475faa
```
#475faa rgb(71,95,170)
```
#536bb7
```
#536bb7 rgb(83,107,183)
```
#657bbf
```
#657bbf rgb(101,123,191)
```
#778ac6
```
#778ac6 rgb(119,138,198)
```

Monochromatic Color

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

#4778aa
```
#4778aa rgb(71,120,170)
```
#4770aa
```
#4770aa rgb(71,112,170)
```
#4767aa
```
#4767aa rgb(71,103,170)
```
#475faa
```
#475faa rgb(71,95,170)
```
#4757aa
```
#4757aa rgb(71,87,170)
```
#474eaa
```
#474eaa rgb(71,78,170)
```
#4847aa
```
#4847aa rgb(72,71,170)
```

Similar Colors

Text with hexadecimal color #475faa

This text has a font color of #475faa.

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

#475faa background color

This paragraph has a background color of #475faa.

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

#475faa border color

This element has a border color of #475faa.

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

CSS codes

.text {color:#475faa;}

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

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

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 #f5f7fb is the lightest one.

#020204
```
#020204 rgb(2,2,4)
```
#070a12
```
#070a12 rgb(7,10,18)
```
#0d1220
```
#0d1220 rgb(13,18,32)
```
#13192d
```
#13192d rgb(19,25,45)
```
#19213b
```
#19213b rgb(25,33,59)
```
#1f2949
```
#1f2949 rgb(31,41,73)
```
#243157
```
#243157 rgb(36,49,87)
```
#2a3865
```
#2a3865 rgb(42,56,101)
```
#304073
```
#304073 rgb(48,64,115)
```
#364880
```
#364880 rgb(54,72,128)
```
#3b508e
```
#3b508e rgb(59,80,142)
```
#41579c
```
#41579c rgb(65,87,156)
```
#475faa
```
#475faa rgb(71,95,170)
```

Shade Color Variation

#4f68b6
```
#4f68b6 rgb(79,104,182)
```
#5d74bb
```
#5d74bb rgb(93,116,187)
```
#6b80c1
```
#6b80c1 rgb(107,128,193)
```
#798cc7
```
#798cc7 rgb(121,140,199)
```
#8697cd
```
#8697cd rgb(134,151,205)
```
#94a3d2
```
#94a3d2 rgb(148,163,210)
```
#a2afd8
```
#a2afd8 rgb(162,175,216)
```
#b0bbde
```
#b0bbde rgb(176,187,222)
```
#bec7e4
```
#bec7e4 rgb(190,199,228)
```
#ccd3ea
```
#ccd3ea rgb(204,211,234)
```
#d9dfef
```
#d9dfef rgb(217,223,239)
```
#e7ebf5
```
#e7ebf5 rgb(231,235,245)
```
#f5f7fb
```
#f5f7fb rgb(245,247,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 #063eeb is the most saturated one.

#75777c
```
#75777c rgb(117,119,124)
```
#6c7285
```
#6c7285 rgb(108,114,133)
```
#636d8e
```
#636d8e rgb(99,109,142)
```
#5a6997
```
#5a6997 rgb(90,105,151)
```
#5064a1
```
#5064a1 rgb(80,100,161)
```
#475faa
```
#475faa rgb(71,95,170)
```
#3e5ab3
```
#3e5ab3 rgb(62,90,179)
```
#3455bd
```
#3455bd rgb(52,85,189)
```
#2b51c6
```
#2b51c6 rgb(43,81,198)
```
#224ccf
```
#224ccf rgb(34,76,207)
```
#1947d8
```
#1947d8 rgb(25,71,216)
```
#0f42e2
```
#0f42e2 rgb(15,66,226)
```
#063eeb
```
#063eeb rgb(6,62,235)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5b606f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4868af Protanopia 1% of men
#366bac Deuteranopia 1% of men
#35737b Tritanopia 0.001% of the population

Trichromacy

#4865ad Protanomaly 1% of men, 0.01% of women
#3c67ab Deuteranomaly 6% of men, 0.4% of women
#3b6b8c Tritanomaly 0.01% of the population

#475faa hex color

#475faa Color Information

#475faa Color Conversion

Color Schemes with #475faa

Alternatives to #475faa

#475faa Preview

Shades and Tints of #475faa

Tones of #475faa

Color Blindness Simulator