colorhexa.com

#475ac3 hex color

In a RGB color space, hex #475ac3 is composed of 27.8% red, 35.3% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 53.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 230.8 degrees, a saturation of 50.8% and a lightness of 52.2%. #475ac3 color hex could be obtained by blending #8eb4ff with #000087. Closest websafe color is: #3366cc.

- R 28
- G 35
- B 76
RGB color chart
- C 64
- M 54
- Y 0
- K 24
CMYK color chart

● #475ac3 color description : Moderate blue.

The hexadecimal color #475ac3 has RGB values of R:71, G:90, B:195 and CMYK values of C:0.64, M:0.54, Y:0, K:0.24. Its decimal value is 4676291.

Hex triplet	475ac3	`#475ac3`
RGB Decimal	71, 90, 195	`rgb(71,90,195)`
RGB Percent	27.8, 35.3, 76.5	`rgb(27.8%,35.3%,76.5%)`
CMYK	64, 54, 0, 24
HSL	230.8°, 50.8, 52.2	`hsl(230.8,50.8%,52.2%)`
HSV (or HSB)	230.8°, 63.6, 76.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.141, 26.062, -57.29
XYZ	16.103, 12.591, 53.209
xyY	0.197, 0.154, 12.591
CIE-LCH	42.141, 62.939, 294.461
CIE-LUV	42.141, -11.599, -86.297
Hunter-Lab	35.484, 18.908, -64.067
Binary	01000111, 01011010, 11000011

#475ac3
```
#475ac3 rgb(71,90,195)
```
#c3b047
```
#c3b047 rgb(195,176,71)
```

Complementary Color

#4798c3
```
#4798c3 rgb(71,152,195)
```
#475ac3
```
#475ac3 rgb(71,90,195)
```
#7247c3
```
#7247c3 rgb(114,71,195)
```

Analogous Color

#98c347
```
#98c347 rgb(152,195,71)
```
#475ac3
```
#475ac3 rgb(71,90,195)
```
#c37247
```
#c37247 rgb(195,114,71)
```

Split Complementary Color

#5ac347
```
#5ac347 rgb(90,195,71)
```
#475ac3
```
#475ac3 rgb(71,90,195)
```
#c3475a
```
#c3475a rgb(195,71,90)
```

Triadic Color

#47c3b0
```
#47c3b0 rgb(71,195,176)
```
#475ac3
```
#475ac3 rgb(71,90,195)
```
#c3475a
```
#c3475a rgb(195,71,90)
```
#c3b047
```
#c3b047 rgb(195,176,71)
```

Tetradic Color

#2f3d8f
```
#2f3d8f rgb(47,61,143)
```
#3546a2
```
#3546a2 rgb(53,70,162)
```
#3b4eb5
```
#3b4eb5 rgb(59,78,181)
```
#475ac3
```
#475ac3 rgb(71,90,195)
```
#5a6bc9
```
#5a6bc9 rgb(90,107,201)
```
#6d7cd0
```
#6d7cd0 rgb(109,124,208)
```
#818ed6
```
#818ed6 rgb(129,142,214)
```

Monochromatic Color

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

#4779c3
```
#4779c3 rgb(71,121,195)
```
#476fc3
```
#476fc3 rgb(71,111,195)
```
#4764c3
```
#4764c3 rgb(71,100,195)
```
#475ac3
```
#475ac3 rgb(71,90,195)
```
#4750c3
```
#4750c3 rgb(71,80,195)
```
#4947c3
```
#4947c3 rgb(73,71,195)
```
#5347c3
```
#5347c3 rgb(83,71,195)
```

Similar Colors

Text with hexadecimal color #475ac3

This text has a font color of #475ac3.

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

#475ac3 background color

This paragraph has a background color of #475ac3.

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

#475ac3 border color

This element has a border color of #475ac3.

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

CSS codes

.text {color:#475ac3;}

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

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

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 #f9f9fd is the lightest one.

#030408
```
#030408 rgb(3,4,8)
```
#080a17
```
#080a17 rgb(8,10,23)
```
#0c1026
```
#0c1026 rgb(12,16,38)
```
#111735
```
#111735 rgb(17,23,53)
```
#161d43
```
#161d43 rgb(22,29,67)
```
#1b2352
```
#1b2352 rgb(27,35,82)
```
#202a61
```
#202a61 rgb(32,42,97)
```
#243070
```
#243070 rgb(36,48,112)
```
#29367f
```
#29367f rgb(41,54,127)
```
#2e3d8d
```
#2e3d8d rgb(46,61,141)
```
#33439c
```
#33439c rgb(51,67,156)
```
#3849ab
```
#3849ab rgb(56,73,171)
```
#3d50ba
```
#3d50ba rgb(61,80,186)
```

Shade Color Variation

#475ac3
```
#475ac3 rgb(71,90,195)
```
#5667c8
```
#5667c8 rgb(86,103,200)
```
#6575cd
```
#6575cd rgb(101,117,205)
```
#7382d1
```
#7382d1 rgb(115,130,209)
```
#828fd6
```
#828fd6 rgb(130,143,214)
```
#919cdb
```
#919cdb rgb(145,156,219)
```
#a0aae0
```
#a0aae0 rgb(160,170,224)
```
#afb7e5
```
#afb7e5 rgb(175,183,229)
```
#bdc4ea
```
#bdc4ea rgb(189,196,234)
```
#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#dbdff3
```
#dbdff3 rgb(219,223,243)
```
#eaecf8
```
#eaecf8 rgb(234,236,248)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f818b is the less saturated color, while #0f33fb is the most saturated one.

#7f818b
```
#7f818b rgb(127,129,139)
```
#767b94
```
#767b94 rgb(118,123,148)
```
#6d749d
```
#6d749d rgb(109,116,157)
```
#636ea7
```
#636ea7 rgb(99,110,167)
```
#5a67b0
```
#5a67b0 rgb(90,103,176)
```
#5061ba
```
#5061ba rgb(80,97,186)
```
#475ac3
```
#475ac3 rgb(71,90,195)
```
#3e53cc
```
#3e53cc rgb(62,83,204)
```
#344dd6
```
#344dd6 rgb(52,77,214)
```
#2b46df
```
#2b46df rgb(43,70,223)
```
#2140e9
```
#2140e9 rgb(33,64,233)
```
#1839f2
```
#1839f2 rgb(24,57,242)
```
#0f33fb
```
#0f33fb rgb(15,51,251)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5b5f74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1468cb Protanopia 1% of men
#006db4 Deuteranopia 1% of men
#00757e Tritanopia 0.001% of the population

Trichromacy

#2763c8 Protanomaly 1% of men, 0.01% of women
#1966b9 Deuteranomaly 6% of men, 0.4% of women
#196b97 Tritanomaly 0.01% of the population