#475af7 hex color

In a RGB color space, hex #475af7 is composed of 27.8% red, 35.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 63.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 233.5 degrees, a saturation of 91.7% and a lightness of 62.4%. #475af7 color hex could be obtained by blending #8eb4ff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 28
- G 35
- B 97
RGB color chart
- C 71
- M 64
- Y 0
- K 3
CMYK color chart

● #475af7 color description : Bright blue.

The hexadecimal color #475af7 has RGB values of R:71, G:90, B:247 and CMYK values of C:0.71, M:0.64, Y:0, K:0.03. Its decimal value is 4676343.

Hex triplet	475af7	`#475af7`
RGB Decimal	71, 90, 247	`rgb(71,90,247)`
RGB Percent	27.8, 35.3, 96.9	`rgb(27.8%,35.3%,96.9%)`
CMYK	71, 64, 0, 3
HSL	233.5°, 91.7, 62.4	`hsl(233.5,91.7%,62.4%)`
HSV (or HSB)	233.5°, 71.3, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.131, 43.95, -80.395
XYZ	23.04, 15.366, 89.742
xyY	0.18, 0.12, 15.366
CIE-LCH	46.131, 91.624, 298.664
CIE-LUV	46.131, -12.921, -122.214
Hunter-Lab	39.199, 36.316, -108.298
Binary	01000111, 01011010, 11110111

#475af7
```
#475af7 rgb(71,90,247)
```
#f7e447
```
#f7e447 rgb(247,228,71)
```

Complementary Color

#47b2f7
```
#47b2f7 rgb(71,178,247)
```
#475af7
```
#475af7 rgb(71,90,247)
```
#8c47f7
```
#8c47f7 rgb(140,71,247)
```

Analogous Color

#b2f747
```
#b2f747 rgb(178,247,71)
```
#475af7
```
#475af7 rgb(71,90,247)
```
#f78c47
```
#f78c47 rgb(247,140,71)
```

Split Complementary Color

#5af747
```
#5af747 rgb(90,247,71)
```
#475af7
```
#475af7 rgb(71,90,247)
```
#f7475a
```
#f7475a rgb(247,71,90)
```

Triadic Color

#47f7e4
```
#47f7e4 rgb(71,247,228)
```
#475af7
```
#475af7 rgb(71,90,247)
```
#f7475a
```
#f7475a rgb(247,71,90)
```
#f7e447
```
#f7e447 rgb(247,228,71)
```

Tetradic Color

#0a22e7
```
#0a22e7 rgb(10,34,231)
```
#162ef5
```
#162ef5 rgb(22,46,245)
```
#2f44f6
```
#2f44f6 rgb(47,68,246)
```
#475af7
```
#475af7 rgb(71,90,247)
```
#5f70f8
```
#5f70f8 rgb(95,112,248)
```
#7886f9
```
#7886f9 rgb(120,134,249)
```
#909cfa
```
#909cfa rgb(144,156,250)
```

Monochromatic Color

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

#4786f7
```
#4786f7 rgb(71,134,247)
```
#4777f7
```
#4777f7 rgb(71,119,247)
```
#4769f7
```
#4769f7 rgb(71,105,247)
```
#475af7
```
#475af7 rgb(71,90,247)
```
#474bf7
```
#474bf7 rgb(71,75,247)
```
#5147f7
```
#5147f7 rgb(81,71,247)
```
#6047f7
```
#6047f7 rgb(96,71,247)
```

Similar Colors

Text with hexadecimal color #475af7

This text has a font color of #475af7.

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

#475af7 background color

This paragraph has a background color of #475af7.

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

#475af7 border color

This element has a border color of #475af7.

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

CSS codes

.text {color:#475af7;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010317
```
#010317 rgb(1,3,23)
```
#02062a
```
#02062a rgb(2,6,42)
```
#03093c
```
#03093c rgb(3,9,60)
```
#030c4f
```
#030c4f rgb(3,12,79)
```
#040e62
```
#040e62 rgb(4,14,98)
```
#051175
```
#051175 rgb(5,17,117)
```
#061488
```
#061488 rgb(6,20,136)
```
#07179a
```
#07179a rgb(7,23,154)
```
#0819ad
```
#0819ad rgb(8,25,173)
```
#081cc0
```
#081cc0 rgb(8,28,192)
```
#091fd3
```
#091fd3 rgb(9,31,211)
```
#0a22e6
```
#0a22e6 rgb(10,34,230)
```

Shade Color Variation

#0f27f5
```
#0f27f5 rgb(15,39,245)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#3449f6
```
#3449f6 rgb(52,73,246)
```
#475af7
```
#475af7 rgb(71,90,247)
```
#5a6bf8
```
#5a6bf8 rgb(90,107,248)
```
#6d7cf9
```
#6d7cf9 rgb(109,124,249)
```
#7f8df9
```
#7f8df9 rgb(127,141,249)
```
#929dfa
```
#929dfa rgb(146,157,250)
```
#a5aefb
```
#a5aefb rgb(165,174,251)
```
#b8bffc
```
#b8bffc rgb(184,191,252)
```
#cbd0fd
```
#cbd0fd rgb(203,208,253)
```
#dde1fe
```
#dde1fe rgb(221,225,254)
```
#f0f2fe
```
#f0f2fe rgb(240,242,254)
```

Tint Color Variation

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

#989aa6
```
#989aa6 rgb(152,154,166)
```
#9194ad
```
#9194ad rgb(145,148,173)
```
#898eb5
```
#898eb5 rgb(137,142,181)
```
#8288bc
```
#8288bc rgb(130,136,188)
```
#7b83c3
```
#7b83c3 rgb(123,131,195)
```
#737dcb
```
#737dcb rgb(115,125,203)
```
#6c77d2
```
#6c77d2 rgb(108,119,210)
```
#6571d9
```
#6571d9 rgb(101,113,217)
```
#5d6be1
```
#5d6be1 rgb(93,107,225)
```
#5666e8
```
#5666e8 rgb(86,102,232)
```
#4e60f0
```
#4e60f0 rgb(78,96,240)
```
#475af7
```
#475af7 rgb(71,90,247)
```
#4054fe
```
#4054fe rgb(64,84,254)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#606483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1968e6 Protanomaly 1% of men, 0.01% of women
#196cd4 Deuteranomaly 6% of men, 0.4% of women
#1972b0 Tritanomaly 0.01% of the population

#475af7 hex color

#475af7 Color Information

#475af7 Color Conversion

Color Schemes with #475af7

Alternatives to #475af7

#475af7 Preview

Shades and Tints of #475af7

Tones of #475af7

Color Blindness Simulator