#475fba hex color

In a RGB color space, hex #475fba is composed of 27.8% red, 37.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 48.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 227.5 degrees, a saturation of 45.5% and a lightness of 50.4%. #475fba color hex could be obtained by blending #8ebeff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 37
- B 73
RGB color chart
- C 62
- M 49
- Y 0
- K 27
CMYK color chart

● #475fba color description : Moderate blue.

The hexadecimal color #475fba has RGB values of R:71, G:95, B:186 and CMYK values of C:0.62, M:0.49, Y:0, K:0.27. Its decimal value is 4677562.

Hex triplet	475fba	`#475fba`
RGB Decimal	71, 95, 186	`rgb(71,95,186)`
RGB Percent	27.8, 37.3, 72.9	`rgb(27.8%,37.3%,72.9%)`
CMYK	62, 49, 0, 27
HSL	227.5°, 45.5, 50.4	`hsl(227.5,45.5%,50.4%)`
HSV (or HSB)	227.5°, 61.8, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.866, 19.742, -50.885
XYZ	15.552, 13.068, 48.155
xyY	0.203, 0.17, 13.068
CIE-LCH	42.866, 54.58, 291.205
CIE-LUV	42.866, -12.884, -76.899
Hunter-Lab	36.15, 13.528, -53.673
Binary	01000111, 01011111, 10111010

#475fba
```
#475fba rgb(71,95,186)
```
#baa247
```
#baa247 rgb(186,162,71)
```

Complementary Color

#4799ba
```
#4799ba rgb(71,153,186)
```
#475fba
```
#475fba rgb(71,95,186)
```
#6947ba
```
#6947ba rgb(105,71,186)
```

Analogous Color

#99ba47
```
#99ba47 rgb(153,186,71)
```
#475fba
```
#475fba rgb(71,95,186)
```
#ba6947
```
#ba6947 rgb(186,105,71)
```

Split Complementary Color

#5fba47
```
#5fba47 rgb(95,186,71)
```
#475fba
```
#475fba rgb(71,95,186)
```
#ba475f
```
#ba475f rgb(186,71,95)
```

Triadic Color

#47baa2
```
#47baa2 rgb(71,186,162)
```
#475fba
```
#475fba rgb(71,95,186)
```
#ba475f
```
#ba475f rgb(186,71,95)
```
#baa247
```
#baa247 rgb(186,162,71)
```

Tetradic Color

#314283
```
#314283 rgb(49,66,131)
```
#384c96
```
#384c96 rgb(56,76,150)
```
#3f55a8
```
#3f55a8 rgb(63,85,168)
```
#475fba
```
#475fba rgb(71,95,186)
```
#5a6fc1
```
#5a6fc1 rgb(90,111,193)
```
#6c7fc8
```
#6c7fc8 rgb(108,127,200)
```
#7f8fcf
```
#7f8fcf rgb(127,143,207)
```

Monochromatic Color

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

#477cba
```
#477cba rgb(71,124,186)
```
#4772ba
```
#4772ba rgb(71,114,186)
```
#4769ba
```
#4769ba rgb(71,105,186)
```
#475fba
```
#475fba rgb(71,95,186)
```
#4755ba
```
#4755ba rgb(71,85,186)
```
#474cba
```
#474cba rgb(71,76,186)
```
#4c47ba
```
#4c47ba rgb(76,71,186)
```

Similar Colors

Text with hexadecimal color #475fba

This text has a font color of #475fba.

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

#475fba background color

This paragraph has a background color of #475fba.

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

#475fba border color

This element has a border color of #475fba.

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

CSS codes

.text {color:#475fba;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#060810
```
#060810 rgb(6,8,16)
```
#0b0f1e
```
#0b0f1e rgb(11,15,30)
```
#11162c
```
#11162c rgb(17,22,44)
```
#161e3b
```
#161e3b rgb(22,30,59)
```
#1b2549
```
#1b2549 rgb(27,37,73)
```
#212c57
```
#212c57 rgb(33,44,87)
```
#263365
```
#263365 rgb(38,51,101)
```
#2b3a74
```
#2b3a74 rgb(43,58,116)
```
#314282
```
#314282 rgb(49,66,130)
```
#364990
```
#364990 rgb(54,73,144)
```
#3b509e
```
#3b509e rgb(59,80,158)
```
#4157ad
```
#4157ad rgb(65,87,173)
```

Shade Color Variation

#475fba
```
#475fba rgb(71,95,186)
```
#556bbf
```
#556bbf rgb(85,107,191)
```
#6478c5
```
#6478c5 rgb(100,120,197)
```
#7284ca
```
#7284ca rgb(114,132,202)
```
#8091cf
```
#8091cf rgb(128,145,207)
```
#8e9dd5
```
#8e9dd5 rgb(142,157,213)
```
#9da9da
```
#9da9da rgb(157,169,218)
```
#abb6df
```
#abb6df rgb(171,182,223)
```
#b9c2e5
```
#b9c2e5 rgb(185,194,229)
```
#c7cfea
```
#c7cfea rgb(199,207,234)
```
#d6dbef
```
#d6dbef rgb(214,219,239)
```
#e4e7f5
```
#e4e7f5 rgb(228,231,245)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b89 is the less saturated color, while #0337fe is the most saturated one.

#787b89
```
#787b89 rgb(120,123,137)
```
#6e7693
```
#6e7693 rgb(110,118,147)
```
#64709d
```
#64709d rgb(100,112,157)
```
#5a6aa7
```
#5a6aa7 rgb(90,106,167)
```
#5165b0
```
#5165b0 rgb(81,101,176)
```
#475fba
```
#475fba rgb(71,95,186)
```
#3d59c4
```
#3d59c4 rgb(61,89,196)
```
#3454cd
```
#3454cd rgb(52,84,205)
```
#2a4ed7
```
#2a4ed7 rgb(42,78,215)
```
#2048e1
```
#2048e1 rgb(32,72,225)
```
#1643eb
```
#1643eb rgb(22,67,235)
```
#0d3df4
```
#0d3df4 rgb(13,61,244)
```
#0337fe
```
#0337fe rgb(3,55,254)
```

Tone Color Variation

Below, you can see how #475fba 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
#5d6174 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a6ac0 Protanopia 1% of men
#006fb9 Deuteranopia 1% of men
#25767f Tritanopia 0.001% of the population

Trichromacy

#3f66be Protanomaly 1% of men, 0.01% of women
#1969b9 Deuteranomaly 6% of men, 0.4% of women
#316e94 Tritanomaly 0.01% of the population

#475fba hex color

#475fba Color Information

#475fba Color Conversion

Color Schemes with #475fba

Alternatives to #475fba

#475fba Preview

Shades and Tints of #475fba

Tones of #475fba

Color Blindness Simulator