#475fb4 hex color

In a RGB color space, hex #475fb4 is composed of 27.8% red, 37.3% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 47.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 226.8 degrees, a saturation of 43.4% and a lightness of 49.2%. #475fb4 color hex could be obtained by blending #8ebeff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 37
- B 71
RGB color chart
- C 61
- M 47
- Y 0
- K 29
CMYK color chart

● #475fb4 color description : Moderate blue.

The hexadecimal color #475fb4 has RGB values of R:71, G:95, B:180 and CMYK values of C:0.61, M:0.47, Y:0, K:0.29. Its decimal value is 4677556.

Hex triplet	475fb4	`#475fb4`
RGB Decimal	71, 95, 180	`rgb(71,95,180)`
RGB Percent	27.8, 37.3, 70.6	`rgb(27.8%,37.3%,70.6%)`
CMYK	61, 47, 0, 29
HSL	226.8°, 43.4, 49.2	`hsl(226.8,43.4%,49.2%)`
HSV (or HSB)	226.8°, 60.6, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.489, 17.658, -47.984
XYZ	14.927, 12.819, 44.865
xyY	0.206, 0.177, 12.819
CIE-LCH	42.489, 51.13, 290.204
CIE-LUV	42.489, -12.787, -72.253
Hunter-Lab	35.803, 11.766, -49.235
Binary	01000111, 01011111, 10110100

#475fb4
```
#475fb4 rgb(71,95,180)
```
#b49c47
```
#b49c47 rgb(180,156,71)
```

Complementary Color

#4796b4
```
#4796b4 rgb(71,150,180)
```
#475fb4
```
#475fb4 rgb(71,95,180)
```
#6647b4
```
#6647b4 rgb(102,71,180)
```

Analogous Color

#96b447
```
#96b447 rgb(150,180,71)
```
#475fb4
```
#475fb4 rgb(71,95,180)
```
#b46647
```
#b46647 rgb(180,102,71)
```

Split Complementary Color

#5fb447
```
#5fb447 rgb(95,180,71)
```
#475fb4
```
#475fb4 rgb(71,95,180)
```
#b4475f
```
#b4475f rgb(180,71,95)
```

Triadic Color

#47b49c
```
#47b49c rgb(71,180,156)
```
#475fb4
```
#475fb4 rgb(71,95,180)
```
#b4475f
```
#b4475f rgb(180,71,95)
```
#b49c47
```
#b49c47 rgb(180,156,71)
```

Tetradic Color

#31427d
```
#31427d rgb(49,66,125)
```
#394c8f
```
#394c8f rgb(57,76,143)
```
#4055a2
```
#4055a2 rgb(64,85,162)
```
#475fb4
```
#475fb4 rgb(71,95,180)
```
#586ebd
```
#586ebd rgb(88,110,189)
```
#6a7ec4
```
#6a7ec4 rgb(106,126,196)
```
#7c8ecb
```
#7c8ecb rgb(124,142,203)
```

Monochromatic Color

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

#477ab4
```
#477ab4 rgb(71,122,180)
```
#4771b4
```
#4771b4 rgb(71,113,180)
```
#4768b4
```
#4768b4 rgb(71,104,180)
```
#475fb4
```
#475fb4 rgb(71,95,180)
```
#4756b4
```
#4756b4 rgb(71,86,180)
```
#474db4
```
#474db4 rgb(71,77,180)
```
#4a47b4
```
#4a47b4 rgb(74,71,180)
```

Similar Colors

Text with hexadecimal color #475fb4

This text has a font color of #475fb4.

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

#475fb4 background color

This paragraph has a background color of #475fb4.

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

#475fb4 border color

This element has a border color of #475fb4.

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

CSS codes

.text {color:#475fb4;}

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

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

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, #04060b is the darkest color, while #fcfdfe is the lightest one.

#04060b
```
#04060b rgb(4,6,11)
```
#0a0d19
```
#0a0d19 rgb(10,13,25)
```
#101527
```
#101527 rgb(16,21,39)
```
#151c35
```
#151c35 rgb(21,28,53)
```
#1b2443
```
#1b2443 rgb(27,36,67)
```
#202b52
```
#202b52 rgb(32,43,82)
```
#263260
```
#263260 rgb(38,50,96)
```
#2b3a6e
```
#2b3a6e rgb(43,58,110)
```
#31417c
```
#31417c rgb(49,65,124)
```
#36498a
```
#36498a rgb(54,73,138)
```
#3c5098
```
#3c5098 rgb(60,80,152)
```
#4158a6
```
#4158a6 rgb(65,88,166)
```
#475fb4
```
#475fb4 rgb(71,95,180)
```

Shade Color Variation

#536abb
```
#536abb rgb(83,106,187)
```
#6176c1
```
#6176c1 rgb(97,118,193)
```
#6f83c6
```
#6f83c6 rgb(111,131,198)
```
#7e8fcc
```
#7e8fcc rgb(126,143,204)
```
#8c9bd1
```
#8c9bd1 rgb(140,155,209)
```
#9aa7d7
```
#9aa7d7 rgb(154,167,215)
```
#a8b3dd
```
#a8b3dd rgb(168,179,221)
```
#b6c0e2
```
#b6c0e2 rgb(182,192,226)
```
#c4cce8
```
#c4cce8 rgb(196,204,232)
```
#d2d8ed
```
#d2d8ed rgb(210,216,237)
```
#e0e4f3
```
#e0e4f3 rgb(224,228,243)
```
#eef0f8
```
#eef0f8 rgb(238,240,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777a84 is the less saturated color, while #0339f8 is the most saturated one.

#777a84
```
#777a84 rgb(119,122,132)
```
#6e758d
```
#6e758d rgb(110,117,141)
```
#646f97
```
#646f97 rgb(100,111,151)
```
#5a6aa1
```
#5a6aa1 rgb(90,106,161)
```
#5164aa
```
#5164aa rgb(81,100,170)
```
#475fb4
```
#475fb4 rgb(71,95,180)
```
#3d5abe
```
#3d5abe rgb(61,90,190)
```
#3454c7
```
#3454c7 rgb(52,84,199)
```
#2a4fd1
```
#2a4fd1 rgb(42,79,209)
```
#2049db
```
#2049db rgb(32,73,219)
```
#1744e4
```
#1744e4 rgb(23,68,228)
```
#0d3fee
```
#0d3fee rgb(13,63,238)
```
#0339f8
```
#0339f8 rgb(3,57,248)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5d6172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4069b9 Protanopia 1% of men
#216db5 Deuteranopia 1% of men
#2c757e Tritanopia 0.001% of the population

Trichromacy

#4265b7 Protanomaly 1% of men, 0.01% of women
#2f68b4 Deuteranomaly 6% of men, 0.4% of women
#366d91 Tritanomaly 0.01% of the population

#475fb4 hex color

#475fb4 Color Information

#475fb4 Color Conversion

Color Schemes with #475fb4

Alternatives to #475fb4

#475fb4 Preview

Shades and Tints of #475fb4

Tones of #475fb4

Color Blindness Simulator