#475ad7 hex color

In a RGB color space, hex #475ad7 is composed of 27.8% red, 35.3% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 58.1% magenta, 0% yellow and 15.7% black. It has a hue angle of 232.1 degrees, a saturation of 64.3% and a lightness of 56.1%. #475ad7 color hex could be obtained by blending #8eb4ff with #0000af. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 28
- G 35
- B 84
RGB color chart
- C 67
- M 58
- Y 0
- K 16
CMYK color chart

● #475ad7 color description : Moderate blue.

The hexadecimal color #475ad7 has RGB values of R:71, G:90, B:215 and CMYK values of C:0.67, M:0.58, Y:0, K:0.16. Its decimal value is 4676311.

Hex triplet	475ad7	`#475ad7`
RGB Decimal	71, 90, 215	`rgb(71,90,215)`
RGB Percent	27.8, 35.3, 84.3	`rgb(27.8%,35.3%,84.3%)`
CMYK	67, 58, 0, 16
HSL	232.1°, 64.3, 56.1	`hsl(232.1,64.3%,56.1%)`
HSV (or HSB)	232.1°, 67, 84.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.591, 33.002, -66.456
XYZ	18.518, 13.557, 65.927
xyY	0.189, 0.138, 13.557
CIE-LCH	43.591, 74.199, 296.409
CIE-LUV	43.591, -12.09, -100.636
Hunter-Lab	36.82, 25.338, -80.386
Binary	01000111, 01011010, 11010111

#475ad7
```
#475ad7 rgb(71,90,215)
```
#d7c447
```
#d7c447 rgb(215,196,71)
```

Complementary Color

#47a2d7
```
#47a2d7 rgb(71,162,215)
```
#475ad7
```
#475ad7 rgb(71,90,215)
```
#7c47d7
```
#7c47d7 rgb(124,71,215)
```

Analogous Color

#a2d747
```
#a2d747 rgb(162,215,71)
```
#475ad7
```
#475ad7 rgb(71,90,215)
```
#d77c47
```
#d77c47 rgb(215,124,71)
```

Split Complementary Color

#5ad747
```
#5ad747 rgb(90,215,71)
```
#475ad7
```
#475ad7 rgb(71,90,215)
```
#d7475a
```
#d7475a rgb(215,71,90)
```

Triadic Color

#47d7c4
```
#47d7c4 rgb(71,215,196)
```
#475ad7
```
#475ad7 rgb(71,90,215)
```
#d7475a
```
#d7475a rgb(215,71,90)
```
#d7c447
```
#d7c447 rgb(215,196,71)
```

Tetradic Color

#2537ac
```
#2537ac rgb(37,55,172)
```
#2a3ec1
```
#2a3ec1 rgb(42,62,193)
```
#3247d2
```
#3247d2 rgb(50,71,210)
```
#475ad7
```
#475ad7 rgb(71,90,215)
```
#5c6ddc
```
#5c6ddc rgb(92,109,220)
```
#7180e0
```
#7180e0 rgb(113,128,224)
```
#8692e5
```
#8692e5 rgb(134,146,229)
```

Monochromatic Color

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

#477ed7
```
#477ed7 rgb(71,126,215)
```
#4772d7
```
#4772d7 rgb(71,114,215)
```
#4766d7
```
#4766d7 rgb(71,102,215)
```
#475ad7
```
#475ad7 rgb(71,90,215)
```
#474ed7
```
#474ed7 rgb(71,78,215)
```
#4c47d7
```
#4c47d7 rgb(76,71,215)
```
#5847d7
```
#5847d7 rgb(88,71,215)
```

Similar Colors

Text with hexadecimal color #475ad7

This text has a font color of #475ad7.

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

#475ad7 background color

This paragraph has a background color of #475ad7.

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

#475ad7 border color

This element has a border color of #475ad7.

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

CSS codes

.text {color:#475ad7;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#060819
```
#060819 rgb(6,8,25)
```
#090d2a
```
#090d2a rgb(9,13,42)
```
#0d123a
```
#0d123a rgb(13,18,58)
```
#10184a
```
#10184a rgb(16,24,74)
```
#141d5a
```
#141d5a rgb(20,29,90)
```
#17226a
```
#17226a rgb(23,34,106)
```
#1b277a
```
#1b277a rgb(27,39,122)
```
#1e2c8a
```
#1e2c8a rgb(30,44,138)
```
#22319a
```
#22319a rgb(34,49,154)
```
#2537aa
```
#2537aa rgb(37,55,170)
```
#293cbb
```
#293cbb rgb(41,60,187)
```
#2c41cb
```
#2c41cb rgb(44,65,203)
```

Shade Color Variation

#374cd3
```
#374cd3 rgb(55,76,211)
```
#475ad7
```
#475ad7 rgb(71,90,215)
```
#5768db
```
#5768db rgb(87,104,219)
```
#6777de
```
#6777de rgb(103,119,222)
```
#7785e2
```
#7785e2 rgb(119,133,226)
```
#8794e5
```
#8794e5 rgb(135,148,229)
```
#98a2e9
```
#98a2e9 rgb(152,162,233)
```
#a8b1ec
```
#a8b1ec rgb(168,177,236)
```
#b8bff0
```
#b8bff0 rgb(184,191,240)
```
#c8cef3
```
#c8cef3 rgb(200,206,243)
```
#d8dcf7
```
#d8dcf7 rgb(216,220,247)
```
#e8eafa
```
#e8eafa rgb(232,234,250)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8d92 is the less saturated color, while #2541f9 is the most saturated one.

#8c8d92
```
#8c8d92 rgb(140,141,146)
```
#83869b
```
#83869b rgb(131,134,155)
```
#7b80a3
```
#7b80a3 rgb(123,128,163)
```
#727aac
```
#727aac rgb(114,122,172)
```
#6973b5
```
#6973b5 rgb(105,115,181)
```
#616dbd
```
#616dbd rgb(97,109,189)
```
#5867c6
```
#5867c6 rgb(88,103,198)
```
#5060ce
```
#5060ce rgb(80,96,206)
```
#475ad7
```
#475ad7 rgb(71,90,215)
```
#3e54e0
```
#3e54e0 rgb(62,84,224)
```
#364de8
```
#364de8 rgb(54,77,232)
```
#2d47f1
```
#2d47f1 rgb(45,71,241)
```
#2541f9
```
#2541f9 rgb(37,65,249)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5d617a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#1965d4 Protanomaly 1% of men, 0.01% of women
#1968c3 Deuteranomaly 6% of men, 0.4% of women
#196ea0 Tritanomaly 0.01% of the population

#475ad7 hex color

#475ad7 Color Information

#475ad7 Color Conversion

Color Schemes with #475ad7

Alternatives to #475ad7

#475ad7 Preview

Shades and Tints of #475ad7

Tones of #475ad7

Color Blindness Simulator