#474ba8 hex color

In a RGB color space, hex #474ba8 is composed of 27.8% red, 29.4% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 55.4% magenta, 0% yellow and 34.1% black. It has a hue angle of 237.5 degrees, a saturation of 40.6% and a lightness of 46.9%. #474ba8 color hex could be obtained by blending #8e96ff with #000051. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 28
- G 29
- B 66
RGB color chart
- C 58
- M 55
- Y 0
- K 34
CMYK color chart

● #474ba8 color description : Dark moderate blue.

The hexadecimal color #474ba8 has RGB values of R:71, G:75, B:168 and CMYK values of C:0.58, M:0.55, Y:0, K:0.34. Its decimal value is 4672424.

Hex triplet	474ba8	`#474ba8`
RGB Decimal	71, 75, 168	`rgb(71,75,168)`
RGB Percent	27.8, 29.4, 65.9	`rgb(27.8%,29.4%,65.9%)`
CMYK	58, 55, 0, 34
HSL	237.5°, 40.6, 46.9	`hsl(237.5,40.6%,46.9%)`
HSV (or HSB)	237.5°, 57.7, 65.9
Web Safe	333399	`#333399`

CIE-LAB	36.363, 26.383, -50.748
XYZ	12.181, 9.198, 38.177
xyY	0.205, 0.154, 9.198
CIE-LCH	36.363, 57.197, 297.47
CIE-LUV	36.363, -6.504, -73.542
Hunter-Lab	30.329, 18.616, -53.403
Binary	01000111, 01001011, 10101000

#474ba8
```
#474ba8 rgb(71,75,168)
```
#a8a447
```
#a8a447 rgb(168,164,71)
```

Complementary Color

#477ca8
```
#477ca8 rgb(71,124,168)
```
#474ba8
```
#474ba8 rgb(71,75,168)
```
#7447a8
```
#7447a8 rgb(116,71,168)
```

Analogous Color

#7ca847
```
#7ca847 rgb(124,168,71)
```
#474ba8
```
#474ba8 rgb(71,75,168)
```
#a87447
```
#a87447 rgb(168,116,71)
```

Split Complementary Color

#4ba847
```
#4ba847 rgb(75,168,71)
```
#474ba8
```
#474ba8 rgb(71,75,168)
```
#a8474b
```
#a8474b rgb(168,71,75)
```

Triadic Color

#47a8a4
```
#47a8a4 rgb(71,168,164)
```
#474ba8
```
#474ba8 rgb(71,75,168)
```
#a8474b
```
#a8474b rgb(168,71,75)
```
#a8a447
```
#a8a447 rgb(168,164,71)
```

Tetradic Color

#303372
```
#303372 rgb(48,51,114)
```
#383b84
```
#383b84 rgb(56,59,132)
```
#3f4396
```
#3f4396 rgb(63,67,150)
```
#474ba8
```
#474ba8 rgb(71,75,168)
```
#5257b6
```
#5257b6 rgb(82,87,182)
```
#6468be
```
#6468be rgb(100,104,190)
```
#767ac5
```
#767ac5 rgb(118,122,197)
```

Monochromatic Color

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

#4763a8
```
#4763a8 rgb(71,99,168)
```
#475ba8
```
#475ba8 rgb(71,91,168)
```
#4753a8
```
#4753a8 rgb(71,83,168)
```
#474ba8
```
#474ba8 rgb(71,75,168)
```
#4b47a8
```
#4b47a8 rgb(75,71,168)
```
#5347a8
```
#5347a8 rgb(83,71,168)
```
#5b47a8
```
#5b47a8 rgb(91,71,168)
```

Similar Colors

Text with hexadecimal color #474ba8

This text has a font color of #474ba8.

<span style="color:#474ba8;">Text here</span>

#474ba8 background color

This paragraph has a background color of #474ba8.

<p style="background-color:#474ba8;">Content here</p>

#474ba8 border color

This element has a border color of #474ba8.

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

CSS codes

.text {color:#474ba8;}

.background {background-color:#474ba8;}

.border {border:1px solid #474ba8;}

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

#010103
```
#010103 rgb(1,1,3)
```
#070710
```
#070710 rgb(7,7,16)
```
#0d0d1e
```
#0d0d1e rgb(13,13,30)
```
#13142c
```
#13142c rgb(19,20,44)
```
#181a3a
```
#181a3a rgb(24,26,58)
```
#1e2047
```
#1e2047 rgb(30,32,71)
```
#242655
```
#242655 rgb(36,38,85)
```
#2a2c63
```
#2a2c63 rgb(42,44,99)
```
#303271
```
#303271 rgb(48,50,113)
```
#36397f
```
#36397f rgb(54,57,127)
```
#3b3f8c
```
#3b3f8c rgb(59,63,140)
```
#41459a
```
#41459a rgb(65,69,154)
```
#474ba8
```
#474ba8 rgb(71,75,168)
```

Shade Color Variation

#4e53b4
```
#4e53b4 rgb(78,83,180)
```
#5c60ba
```
#5c60ba rgb(92,96,186)
```
#6a6dc0
```
#6a6dc0 rgb(106,109,192)
```
#787bc6
```
#787bc6 rgb(120,123,198)
```
#8588cc
```
#8588cc rgb(133,136,204)
```
#9396d1
```
#9396d1 rgb(147,150,209)
```
#a1a3d7
```
#a1a3d7 rgb(161,163,215)
```
#afb1dd
```
#afb1dd rgb(175,177,221)
```
#bdbee3
```
#bdbee3 rgb(189,190,227)
```
#cacce9
```
#cacce9 rgb(202,204,233)
```
#d8d9ef
```
#d8d9ef rgb(216,217,239)
```
#e6e7f4
```
#e6e7f4 rgb(230,231,244)
```
#f4f4fa
```
#f4f4fa rgb(244,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75757a is the less saturated color, while #0710e8 is the most saturated one.

#75757a
```
#75757a rgb(117,117,122)
```
#6c6d83
```
#6c6d83 rgb(108,109,131)
```
#63648c
```
#63648c rgb(99,100,140)
```
#595c96
```
#595c96 rgb(89,92,150)
```
#50539f
```
#50539f rgb(80,83,159)
```
#474ba8
```
#474ba8 rgb(71,75,168)
```
#3e43b1
```
#3e43b1 rgb(62,67,177)
```
#353aba
```
#353aba rgb(53,58,186)
```
#2b32c4
```
#2b32c4 rgb(43,50,196)
```
#2229cd
```
#2229cd rgb(34,41,205)
```
#1921d6
```
#1921d6 rgb(25,33,214)
```
#1018df
```
#1018df rgb(16,24,223)
```
#0710e8
```
#0710e8 rgb(7,16,232)
```

Tone Color Variation

Below, you can see how #474ba8 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

#545454 Achromatopsia 0.005% of the population
#515265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c5bb3 Protanopia 1% of men
#00609e Deuteranopia 1% of men
#2e656d Tritanopia 0.001% of the population

Trichromacy

#2255af Protanomaly 1% of men, 0.01% of women
#1958a2 Deuteranomaly 6% of men, 0.4% of women
#375c82 Tritanomaly 0.01% of the population

#474ba8 hex color

#474ba8 Color Information

#474ba8 Color Conversion

Color Schemes with #474ba8

Alternatives to #474ba8

#474ba8 Preview

Shades and Tints of #474ba8

Tones of #474ba8

Color Blindness Simulator