#476f85 hex color

In a RGB color space, hex #476f85 is composed of 27.8% red, 43.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 16.5% magenta, 0% yellow and 47.8% black. It has a hue angle of 201.3 degrees, a saturation of 30.4% and a lightness of 40%. #476f85 color hex could be obtained by blending #8edeff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 28
- G 44
- B 52
RGB color chart
- C 47
- M 17
- Y 0
- K 48
CMYK color chart

● #476f85 color description : Dark moderate blue.

The hexadecimal color #476f85 has RGB values of R:71, G:111, B:133 and CMYK values of C:0.47, M:0.17, Y:0, K:0.48. Its decimal value is 4681605.

Hex triplet	476f85	`#476f85`
RGB Decimal	71, 111, 133	`rgb(71,111,133)`
RGB Percent	27.8, 43.5, 52.2	`rgb(27.8%,43.5%,52.2%)`
CMYK	47, 17, 0, 48
HSL	201.3°, 30.4, 40	`hsl(201.3,30.4%,40%)`
HSV (or HSB)	201.3°, 46.6, 52.2
Web Safe	336699	`#336699`

CIE-LAB	44.803, -7.707, -16.497
XYZ	12.516, 14.401, 24.309
xyY	0.244, 0.281, 14.401
CIE-LCH	44.803, 18.208, 244.959
CIE-LUV	44.803, -18.507, -22.362
Hunter-Lab	37.949, -7.541, -11.415
Binary	01000111, 01101111, 10000101

#476f85
```
#476f85 rgb(71,111,133)
```
#855d47
```
#855d47 rgb(133,93,71)
```

Complementary Color

#47857c
```
#47857c rgb(71,133,124)
```
#476f85
```
#476f85 rgb(71,111,133)
```
#475085
```
#475085 rgb(71,80,133)
```

Analogous Color

#857c47
```
#857c47 rgb(133,124,71)
```
#476f85
```
#476f85 rgb(71,111,133)
```
#854750
```
#854750 rgb(133,71,80)
```

Split Complementary Color

#6f8547
```
#6f8547 rgb(111,133,71)
```
#476f85
```
#476f85 rgb(71,111,133)
```
#85476f
```
#85476f rgb(133,71,111)
```

Triadic Color

#47855d
```
#47855d rgb(71,133,93)
```
#476f85
```
#476f85 rgb(71,111,133)
```
#85476f
```
#85476f rgb(133,71,111)
```
#855d47
```
#855d47 rgb(133,93,71)
```

Tetradic Color

#2c4553
```
#2c4553 rgb(44,69,83)
```
#355364
```
#355364 rgb(53,83,100)
```
#3e6174
```
#3e6174 rgb(62,97,116)
```
#476f85
```
#476f85 rgb(71,111,133)
```
#507d96
```
#507d96 rgb(80,125,150)
```
#598ba6
```
#598ba6 rgb(89,139,166)
```
#6996af
```
#6996af rgb(105,150,175)
```

Monochromatic Color

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

#477f85
```
#477f85 rgb(71,127,133)
```
#477985
```
#477985 rgb(71,121,133)
```
#477485
```
#477485 rgb(71,116,133)
```
#476f85
```
#476f85 rgb(71,111,133)
```
#476a85
```
#476a85 rgb(71,106,133)
```
#476585
```
#476585 rgb(71,101,133)
```
#476085
```
#476085 rgb(71,96,133)
```

Similar Colors

Text with hexadecimal color #476f85

This text has a font color of #476f85.

<span style="color:#476f85;">Text here</span>

#476f85 background color

This paragraph has a background color of #476f85.

<p style="background-color:#476f85;">Content here</p>

#476f85 border color

This element has a border color of #476f85.

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

CSS codes

.text {color:#476f85;}

.background {background-color:#476f85;}

.border {border:1px solid #476f85;}

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0f12
```
#0a0f12 rgb(10,15,18)
```
#101a1f
```
#101a1f rgb(16,26,31)
```
#17242b
```
#17242b rgb(23,36,43)
```
#1e2f38
```
#1e2f38 rgb(30,47,56)
```
#253a45
```
#253a45 rgb(37,58,69)
```
#2c4452
```
#2c4452 rgb(44,68,82)
```
#334f5f
```
#334f5f rgb(51,79,95)
```
#395a6b
```
#395a6b rgb(57,90,107)
```
#406478
```
#406478 rgb(64,100,120)
```
#476f85
```
#476f85 rgb(71,111,133)
```
#4e7a92
```
#4e7a92 rgb(78,122,146)
```
#55849f
```
#55849f rgb(85,132,159)
```

Shade Color Variation

#5e8ea9
```
#5e8ea9 rgb(94,142,169)
```
#6b97b0
```
#6b97b0 rgb(107,151,176)
```
#77a0b7
```
#77a0b7 rgb(119,160,183)
```
#84a9bd
```
#84a9bd rgb(132,169,189)
```
#91b2c4
```
#91b2c4 rgb(145,178,196)
```
#9ebbcb
```
#9ebbcb rgb(158,187,203)
```
#abc4d2
```
#abc4d2 rgb(171,196,210)
```
#b7cdd9
```
#b7cdd9 rgb(183,205,217)
```
#c4d6e0
```
#c4d6e0 rgb(196,214,224)
```
#d1dfe6
```
#d1dfe6 rgb(209,223,230)
```
#dee8ed
```
#dee8ed rgb(222,232,237)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f686d is the less saturated color, while #0084cc is the most saturated one.

#5f686d
```
#5f686d rgb(95,104,109)
```
#576a75
```
#576a75 rgb(87,106,117)
```
#4f6d7d
```
#4f6d7d rgb(79,109,125)
```
#476f85
```
#476f85 rgb(71,111,133)
```
#3f718d
```
#3f718d rgb(63,113,141)
```
#377495
```
#377495 rgb(55,116,149)
```
#2f769d
```
#2f769d rgb(47,118,157)
```
#2878a4
```
#2878a4 rgb(40,120,164)
```
#207aac
```
#207aac rgb(32,122,172)
```
#187db4
```
#187db4 rgb(24,125,180)
```
#107fbc
```
#107fbc rgb(16,127,188)
```
#0881c4
```
#0881c4 rgb(8,129,196)
```
#0084cc
```
#0084cc rgb(0,132,204)
```

Tone Color Variation

Below, you can see how #476f85 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

#666666 Achromatopsia 0.005% of the population
#60686c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7087 Protanopia 1% of men
#6c6f8d Deuteranopia 1% of men
#4c7881 Tritanopia 0.001% of the population

Trichromacy

#5e7086 Protanomaly 1% of men, 0.01% of women
#5e6f8a Deuteranomaly 6% of men, 0.4% of women
#4a7482 Tritanomaly 0.01% of the population

#476f85 hex color

#476f85 Color Information

#476f85 Color Conversion

Color Schemes with #476f85

Alternatives to #476f85

#476f85 Preview

Shades and Tints of #476f85

Tones of #476f85

Color Blindness Simulator