#474b88 hex color

In a RGB color space, hex #474b88 is composed of 27.8% red, 29.4% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 44.9% magenta, 0% yellow and 46.7% black. It has a hue angle of 236.3 degrees, a saturation of 31.4% and a lightness of 40.6%. #474b88 color hex could be obtained by blending #8e96ff with #000011. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 28
- G 29
- B 53
RGB color chart
- C 48
- M 45
- Y 0
- K 47
CMYK color chart

● #474b88 color description : Dark moderate blue.

The hexadecimal color #474b88 has RGB values of R:71, G:75, B:136 and CMYK values of C:0.48, M:0.45, Y:0, K:0.47. Its decimal value is 4672392.

Hex triplet	474b88	`#474b88`
RGB Decimal	71, 75, 136	`rgb(71,75,136)`
RGB Percent	27.8, 29.4, 53.3	`rgb(27.8%,29.4%,53.3%)`
CMYK	48, 45, 0, 47
HSL	236.3°, 31.4, 40.6	`hsl(236.3,31.4%,40.6%)`
HSV (or HSB)	236.3°, 47.8, 53.3
Web Safe	333399	`#333399`

CIE-LAB	34.291, 15.737, -34.706
XYZ	9.558, 8.149, 24.361
xyY	0.227, 0.194, 8.149
CIE-LCH	34.291, 38.107, 294.391
CIE-LUV	34.291, -5.008, -49.195
Hunter-Lab	28.546, 9.807, -30.613
Binary	01000111, 01001011, 10001000

#474b88
```
#474b88 rgb(71,75,136)
```
#888447
```
#888447 rgb(136,132,71)
```

Complementary Color

#476c88
```
#476c88 rgb(71,108,136)
```
#474b88
```
#474b88 rgb(71,75,136)
```
#644788
```
#644788 rgb(100,71,136)
```

Analogous Color

#6c8847
```
#6c8847 rgb(108,136,71)
```
#474b88
```
#474b88 rgb(71,75,136)
```
#886447
```
#886447 rgb(136,100,71)
```

Split Complementary Color

#4b8847
```
#4b8847 rgb(75,136,71)
```
#474b88
```
#474b88 rgb(71,75,136)
```
#88474b
```
#88474b rgb(136,71,75)
```

Triadic Color

#478884
```
#478884 rgb(71,136,132)
```
#474b88
```
#474b88 rgb(71,75,136)
```
#88474b
```
#88474b rgb(136,71,75)
```
#888447
```
#888447 rgb(136,132,71)
```

Tetradic Color

#2d2f56
```
#2d2f56 rgb(45,47,86)
```
#363966
```
#363966 rgb(54,57,102)
```
#3e4277
```
#3e4277 rgb(62,66,119)
```
#474b88
```
#474b88 rgb(71,75,136)
```
#505499
```
#505499 rgb(80,84,153)
```
#595ea9
```
#595ea9 rgb(89,94,169)
```
#6a6fb1
```
#6a6fb1 rgb(106,111,177)
```

Monochromatic Color

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

#475b88
```
#475b88 rgb(71,91,136)
```
#475688
```
#475688 rgb(71,86,136)
```
#475088
```
#475088 rgb(71,80,136)
```
#474b88
```
#474b88 rgb(71,75,136)
```
#484788
```
#484788 rgb(72,71,136)
```
#4e4788
```
#4e4788 rgb(78,71,136)
```
#534788
```
#534788 rgb(83,71,136)
```

Similar Colors

Text with hexadecimal color #474b88

This text has a font color of #474b88.

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

#474b88 background color

This paragraph has a background color of #474b88.

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

#474b88 border color

This element has a border color of #474b88.

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

CSS codes

.text {color:#474b88;}

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

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0a0b14
```
#0a0b14 rgb(10,11,20)
```
#111221
```
#111221 rgb(17,18,33)
```
#18192e
```
#18192e rgb(24,25,46)
```
#1f203b
```
#1f203b rgb(31,32,59)
```
#252748
```
#252748 rgb(37,39,72)
```
#2c2f54
```
#2c2f54 rgb(44,47,84)
```
#333661
```
#333661 rgb(51,54,97)
```
#3a3d6e
```
#3a3d6e rgb(58,61,110)
```
#40447b
```
#40447b rgb(64,68,123)
```
#474b88
```
#474b88 rgb(71,75,136)
```
#4e5295
```
#4e5295 rgb(78,82,149)
```
#5459a2
```
#5459a2 rgb(84,89,162)
```

Shade Color Variation

#5f63ab
```
#5f63ab rgb(95,99,171)
```
#6b70b2
```
#6b70b2 rgb(107,112,178)
```
#787cb9
```
#787cb9 rgb(120,124,185)
```
#8589bf
```
#8589bf rgb(133,137,191)
```
#9295c6
```
#9295c6 rgb(146,149,198)
```
#9fa2cd
```
#9fa2cd rgb(159,162,205)
```
#acaed4
```
#acaed4 rgb(172,174,212)
```
#b9bbda
```
#b9bbda rgb(185,187,218)
```
#c6c7e1
```
#c6c7e1 rgb(198,199,225)
```
#d3d4e8
```
#d3d4e8 rgb(211,212,232)
```
#dfe0ef
```
#dfe0ef rgb(223,224,239)
```
#ecedf5
```
#ecedf5 rgb(236,237,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#676768
```
#676768 rgb(103,103,104)
```
#5f6070
```
#5f6070 rgb(95,96,112)
```
#575978
```
#575978 rgb(87,89,120)
```
#4f5280
```
#4f5280 rgb(79,82,128)
```
#474b88
```
#474b88 rgb(71,75,136)
```
#3f4490
```
#3f4490 rgb(63,68,144)
```
#373d98
```
#373d98 rgb(55,61,152)
```
#2f36a0
```
#2f36a0 rgb(47,54,160)
```
#272fa8
```
#272fa8 rgb(39,47,168)
```
#1f28b0
```
#1f28b0 rgb(31,40,176)
```
#1721b8
```
#1721b8 rgb(23,33,184)
```
#0f1ac0
```
#0f1ac0 rgb(15,26,192)
```
#0713c8
```
#0713c8 rgb(7,19,200)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4f505c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e5791 Protanopia 1% of men
#375a8b Deuteranopia 1% of men
#415e64 Tritanopia 0.001% of the population

Trichromacy

#41538d Protanomaly 1% of men, 0.01% of women
#3d548a Deuteranomaly 6% of men, 0.4% of women
#435771 Tritanomaly 0.01% of the population

#474b88 hex color

#474b88 Color Information

#474b88 Color Conversion

Color Schemes with #474b88

Alternatives to #474b88

#474b88 Preview

Shades and Tints of #474b88

Tones of #474b88

Color Blindness Simulator