#475f9b hex color

In a RGB color space, hex #475f9b is composed of 27.8% red, 37.3% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 38.7% magenta, 0% yellow and 39.2% black. It has a hue angle of 222.9 degrees, a saturation of 37.2% and a lightness of 44.3%. #475f9b color hex could be obtained by blending #8ebeff with #000037. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 37
- B 61
RGB color chart
- C 54
- M 39
- Y 0
- K 39
CMYK color chart

● #475f9b color description : Dark moderate blue.

The hexadecimal color #475f9b has RGB values of R:71, G:95, B:155 and CMYK values of C:0.54, M:0.39, Y:0, K:0.39. Its decimal value is 4677531.

Hex triplet	475f9b	`#475f9b`
RGB Decimal	71, 95, 155	`rgb(71,95,155)`
RGB Percent	27.8, 37.3, 60.8	`rgb(27.8%,37.3%,60.8%)`
CMYK	54, 39, 0, 39
HSL	222.9°, 37.2, 44.3	`hsl(222.9,37.2%,44.3%)`
HSV (or HSB)	222.9°, 54.2, 60.8
Web Safe	336699	`#336699`

CIE-LAB	41.041, 9.12, -35.506
XYZ	12.606, 11.89, 32.639
xyY	0.221, 0.208, 11.89
CIE-LCH	41.041, 36.658, 284.406
CIE-LUV	41.041, -12.425, -52.231
Hunter-Lab	34.482, 4.913, -31.985
Binary	01000111, 01011111, 10011011

#475f9b
```
#475f9b rgb(71,95,155)
```
#9b8347
```
#9b8347 rgb(155,131,71)
```

Complementary Color

#47899b
```
#47899b rgb(71,137,155)
```
#475f9b
```
#475f9b rgb(71,95,155)
```
#59479b
```
#59479b rgb(89,71,155)
```

Analogous Color

#899b47
```
#899b47 rgb(137,155,71)
```
#475f9b
```
#475f9b rgb(71,95,155)
```
#9b5947
```
#9b5947 rgb(155,89,71)
```

Split Complementary Color

#5f9b47
```
#5f9b47 rgb(95,155,71)
```
#475f9b
```
#475f9b rgb(71,95,155)
```
#9b475f
```
#9b475f rgb(155,71,95)
```

Triadic Color

#479b83
```
#479b83 rgb(71,155,131)
```
#475f9b
```
#475f9b rgb(71,95,155)
```
#9b475f
```
#9b475f rgb(155,71,95)
```
#9b8347
```
#9b8347 rgb(155,131,71)
```

Tetradic Color

#2f3f67
```
#2f3f67 rgb(47,63,103)
```
#374a78
```
#374a78 rgb(55,74,120)
```
#3f548a
```
#3f548a rgb(63,84,138)
```
#475f9b
```
#475f9b rgb(71,95,155)
```
#4f6aac
```
#4f6aac rgb(79,106,172)
```
#5f78b6
```
#5f78b6 rgb(95,120,182)
```
#7187be
```
#7187be rgb(113,135,190)
```

Monochromatic Color

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

#47749b
```
#47749b rgb(71,116,155)
```
#476d9b
```
#476d9b rgb(71,109,155)
```
#47669b
```
#47669b rgb(71,102,155)
```
#475f9b
```
#475f9b rgb(71,95,155)
```
#47589b
```
#47589b rgb(71,88,155)
```
#47519b
```
#47519b rgb(71,81,155)
```
#474a9b
```
#474a9b rgb(71,74,155)
```

Similar Colors

Text with hexadecimal color #475f9b

This text has a font color of #475f9b.

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

#475f9b background color

This paragraph has a background color of #475f9b.

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

#475f9b border color

This element has a border color of #475f9b.

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

CSS codes

.text {color:#475f9b;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090d14
```
#090d14 rgb(9,13,20)
```
#101522
```
#101522 rgb(16,21,34)
```
#161d2f
```
#161d2f rgb(22,29,47)
```
#1c253d
```
#1c253d rgb(28,37,61)
```
#222e4a
```
#222e4a rgb(34,46,74)
```
#283658
```
#283658 rgb(40,54,88)
```
#2e3e65
```
#2e3e65 rgb(46,62,101)
```
#354673
```
#354673 rgb(53,70,115)
```
#3b4f80
```
#3b4f80 rgb(59,79,128)
```
#41578e
```
#41578e rgb(65,87,142)
```
#475f9b
```
#475f9b rgb(71,95,155)
```
#4d67a8
```
#4d67a8 rgb(77,103,168)
```

Shade Color Variation

#5771b2
```
#5771b2 rgb(87,113,178)
```
#657cb8
```
#657cb8 rgb(101,124,184)
```
#7288be
```
#7288be rgb(114,136,190)
```
#7f93c5
```
#7f93c5 rgb(127,147,197)
```
#8d9fcb
```
#8d9fcb rgb(141,159,203)
```
#9aaad1
```
#9aaad1 rgb(154,170,209)
```
#a8b5d7
```
#a8b5d7 rgb(168,181,215)
```
#b5c1dd
```
#b5c1dd rgb(181,193,221)
```
#c3cce3
```
#c3cce3 rgb(195,204,227)
```
#d0d7ea
```
#d0d7ea rgb(208,215,234)
```
#dee3f0
```
#dee3f0 rgb(222,227,240)
```
#ebeef6
```
#ebeef6 rgb(235,238,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6e78 is the less saturated color, while #0141e1 is the most saturated one.

#6a6e78
```
#6a6e78 rgb(106,110,120)
```
#616a81
```
#616a81 rgb(97,106,129)
```
#58668a
```
#58668a rgb(88,102,138)
```
#506392
```
#506392 rgb(80,99,146)
```
#475f9b
```
#475f9b rgb(71,95,155)
```
#3e5ba4
```
#3e5ba4 rgb(62,91,164)
```
#3658ac
```
#3658ac rgb(54,88,172)
```
#2d54b5
```
#2d54b5 rgb(45,84,181)
```
#2450be
```
#2450be rgb(36,80,190)
```
#1c4cc6
```
#1c4cc6 rgb(28,76,198)
```
#1349cf
```
#1349cf rgb(19,73,207)
```
#0a45d8
```
#0a45d8 rgb(10,69,216)
```
#0141e1
```
#0141e1 rgb(1,65,225)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5a5f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#5167a0 Protanopia 1% of men
#47699f Deuteranopia 1% of men
#3e7078 Tritanopia 0.001% of the population

Trichromacy

#4d649e Protanomaly 1% of men, 0.01% of women
#47659d Deuteranomaly 6% of men, 0.4% of women
#416984 Tritanomaly 0.01% of the population

#475f9b hex color

#475f9b Color Information

#475f9b Color Conversion

Color Schemes with #475f9b

Alternatives to #475f9b

#475f9b Preview

Shades and Tints of #475f9b

Tones of #475f9b

Color Blindness Simulator