#475faf hex color

In a RGB color space, hex #475faf is composed of 27.8% red, 37.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 45.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 226.2 degrees, a saturation of 42.3% and a lightness of 48.2%. #475faf color hex could be obtained by blending #8ebeff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 37
- B 69
RGB color chart
- C 59
- M 46
- Y 0
- K 31
CMYK color chart

● #475faf color description : Dark moderate blue.

The hexadecimal color #475faf has RGB values of R:71, G:95, B:175 and CMYK values of C:0.59, M:0.46, Y:0, K:0.31. Its decimal value is 4677551.

Hex triplet	475faf	`#475faf`
RGB Decimal	71, 95, 175	`rgb(71,95,175)`
RGB Percent	27.8, 37.3, 68.6	`rgb(27.8%,37.3%,68.6%)`
CMYK	59, 46, 0, 31
HSL	226.2°, 42.3, 48.2	`hsl(226.2,42.3%,48.2%)`
HSV (or HSB)	226.2°, 59.4, 68.6
Web Safe	336699	`#336699`

CIE-LAB	42.183, 15.929, -45.539
XYZ	14.427, 12.618, 42.23
xyY	0.208, 0.182, 12.618
CIE-LCH	42.183, 48.245, 289.279
CIE-LUV	42.183, -12.709, -68.332
Hunter-Lab	35.522, 10.331, -45.621
Binary	01000111, 01011111, 10101111

#475faf
```
#475faf rgb(71,95,175)
```
#af9747
```
#af9747 rgb(175,151,71)
```

Complementary Color

#4793af
```
#4793af rgb(71,147,175)
```
#475faf
```
#475faf rgb(71,95,175)
```
#6347af
```
#6347af rgb(99,71,175)
```

Analogous Color

#93af47
```
#93af47 rgb(147,175,71)
```
#475faf
```
#475faf rgb(71,95,175)
```
#af6347
```
#af6347 rgb(175,99,71)
```

Split Complementary Color

#5faf47
```
#5faf47 rgb(95,175,71)
```
#475faf
```
#475faf rgb(71,95,175)
```
#af475f
```
#af475f rgb(175,71,95)
```

Triadic Color

#47af97
```
#47af97 rgb(71,175,151)
```
#475faf
```
#475faf rgb(71,95,175)
```
#af475f
```
#af475f rgb(175,71,95)
```
#af9747
```
#af9747 rgb(175,151,71)
```

Tetradic Color

#314179
```
#314179 rgb(49,65,121)
```
#384b8b
```
#384b8b rgb(56,75,139)
```
#40559d
```
#40559d rgb(64,85,157)
```
#475faf
```
#475faf rgb(71,95,175)
```
#556dba
```
#556dba rgb(85,109,186)
```
#677cc2
```
#677cc2 rgb(103,124,194)
```
#7a8cc9
```
#7a8cc9 rgb(122,140,201)
```

Monochromatic Color

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

#4779af
```
#4779af rgb(71,121,175)
```
#4770af
```
#4770af rgb(71,112,175)
```
#4768af
```
#4768af rgb(71,104,175)
```
#475faf
```
#475faf rgb(71,95,175)
```
#4756af
```
#4756af rgb(71,86,175)
```
#474eaf
```
#474eaf rgb(71,78,175)
```
#4947af
```
#4947af rgb(73,71,175)
```

Similar Colors

Text with hexadecimal color #475faf

This text has a font color of #475faf.

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

#475faf background color

This paragraph has a background color of #475faf.

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

#475faf border color

This element has a border color of #475faf.

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

CSS codes

.text {color:#475faf;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090c16
```
#090c16 rgb(9,12,22)
```
#0e1323
```
#0e1323 rgb(14,19,35)
```
#141b31
```
#141b31 rgb(20,27,49)
```
#1a223f
```
#1a223f rgb(26,34,63)
```
#1f2a4d
```
#1f2a4d rgb(31,42,77)
```
#25325b
```
#25325b rgb(37,50,91)
```
#2b3969
```
#2b3969 rgb(43,57,105)
```
#304177
```
#304177 rgb(48,65,119)
```
#364885
```
#364885 rgb(54,72,133)
```
#3c5093
```
#3c5093 rgb(60,80,147)
```
#4157a1
```
#4157a1 rgb(65,87,161)
```
#475faf
```
#475faf rgb(71,95,175)
```

Shade Color Variation

#5169b8
```
#5169b8 rgb(81,105,184)
```
#5f75be
```
#5f75be rgb(95,117,190)
```
#6d81c4
```
#6d81c4 rgb(109,129,196)
```
#7b8dc9
```
#7b8dc9 rgb(123,141,201)
```
#8999cf
```
#8999cf rgb(137,153,207)
```
#97a5d5
```
#97a5d5 rgb(151,165,213)
```
#a5b1da
```
#a5b1da rgb(165,177,218)
```
#b3bde0
```
#b3bde0 rgb(179,189,224)
```
#c1c9e6
```
#c1c9e6 rgb(193,201,230)
```
#cfd5eb
```
#cfd5eb rgb(207,213,235)
```
#dde1f1
```
#dde1f1 rgb(221,225,241)
```
#ebedf7
```
#ebedf7 rgb(235,237,247)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#767880
```
#767880 rgb(118,120,128)
```
#6d7389
```
#6d7389 rgb(109,115,137)
```
#636e93
```
#636e93 rgb(99,110,147)
```
#5a699c
```
#5a699c rgb(90,105,156)
```
#5064a6
```
#5064a6 rgb(80,100,166)
```
#475faf
```
#475faf rgb(71,95,175)
```
#3e5ab8
```
#3e5ab8 rgb(62,90,184)
```
#3455c2
```
#3455c2 rgb(52,85,194)
```
#2b50cb
```
#2b50cb rgb(43,80,203)
```
#214bd5
```
#214bd5 rgb(33,75,213)
```
#1846de
```
#1846de rgb(24,70,222)
```
#0e40e8
```
#0e40e8 rgb(14,64,232)
```
#053bf1
```
#053bf1 rgb(5,59,241)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5c6171 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4469b4 Protanopia 1% of men
#2d6cb0 Deuteranopia 1% of men
#31747c Tritanopia 0.001% of the population

Trichromacy

#4565b2 Protanomaly 1% of men, 0.01% of women
#3667b0 Deuteranomaly 6% of men, 0.4% of women
#396c8f Tritanomaly 0.01% of the population

#475faf hex color

#475faf Color Information

#475faf Color Conversion

Color Schemes with #475faf

Alternatives to #475faf

#475faf Preview

Shades and Tints of #475faf

Tones of #475faf

Color Blindness Simulator