#495678 hex color

In a RGB color space, hex #495678 is composed of 28.6% red, 33.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 28.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 223.4 degrees, a saturation of 24.4% and a lightness of 37.8%. #495678 color hex could be obtained by blending #92acf0 with #000000. Closest websafe color is: #336666.

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

● #495678 color description : Mostly desaturated dark blue.

The hexadecimal color #495678 has RGB values of R:73, G:86, B:120 and CMYK values of C:0.39, M:0.28, Y:0, K:0.53. Its decimal value is 4806264.

Hex triplet	495678	`#495678`
RGB Decimal	73, 86, 120	`rgb(73,86,120)`
RGB Percent	28.6, 33.7, 47.1	`rgb(28.6%,33.7%,47.1%)`
CMYK	39, 28, 0, 53
HSL	223.4°, 24.4, 37.8	`hsl(223.4,24.4%,37.8%)`
HSV (or HSB)	223.4°, 39.2, 47.1
Web Safe	336666	`#336666`

CIE-LAB	36.795, 4.189, -20.911
XYZ	9.465, 9.428, 19.089
xyY	0.249, 0.248, 9.428
CIE-LCH	36.795, 21.326, 281.328
CIE-LUV	36.795, -7.631, -29.033
Hunter-Lab	30.705, 1.29, -15.368
Binary	01001001, 01010110, 01111000

#495678
```
#495678 rgb(73,86,120)
```
#786b49
```
#786b49 rgb(120,107,73)
```

Complementary Color

#496e78
```
#496e78 rgb(73,110,120)
```
#495678
```
#495678 rgb(73,86,120)
```
#544978
```
#544978 rgb(84,73,120)
```

Analogous Color

#6e7849
```
#6e7849 rgb(110,120,73)
```
#495678
```
#495678 rgb(73,86,120)
```
#785449
```
#785449 rgb(120,84,73)
```

Split Complementary Color

#567849
```
#567849 rgb(86,120,73)
```
#495678
```
#495678 rgb(73,86,120)
```
#784956
```
#784956 rgb(120,73,86)
```

Triadic Color

#49786b
```
#49786b rgb(73,120,107)
```
#495678
```
#495678 rgb(73,86,120)
```
#784956
```
#784956 rgb(120,73,86)
```
#786b49
```
#786b49 rgb(120,107,73)
```

Tetradic Color

#2c3448
```
#2c3448 rgb(44,52,72)
```
#363f58
```
#363f58 rgb(54,63,88)
```
#3f4b68
```
#3f4b68 rgb(63,75,104)
```
#495678
```
#495678 rgb(73,86,120)
```
#536188
```
#536188 rgb(83,97,136)
```
#5c6d98
```
#5c6d98 rgb(92,109,152)
```
#697aa4
```
#697aa4 rgb(105,122,164)
```

Monochromatic Color

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

#496278
```
#496278 rgb(73,98,120)
```
#495e78
```
#495e78 rgb(73,94,120)
```
#495a78
```
#495a78 rgb(73,90,120)
```
#495678
```
#495678 rgb(73,86,120)
```
#495278
```
#495278 rgb(73,82,120)
```
#494e78
```
#494e78 rgb(73,78,120)
```
#494a78
```
#494a78 rgb(73,74,120)
```

Similar Colors

Text with hexadecimal color #495678

This text has a font color of #495678.

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

#495678 background color

This paragraph has a background color of #495678.

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

#495678 border color

This element has a border color of #495678.

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

CSS codes

.text {color:#495678;}

.background {background-color:#495678;}

.border {border:1px solid #495678;}

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, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0e1016
```
#0e1016 rgb(14,16,22)
```
#151923
```
#151923 rgb(21,25,35)
```
#1c222f
```
#1c222f rgb(28,34,47)
```
#242a3b
```
#242a3b rgb(36,42,59)
```
#2b3347
```
#2b3347 rgb(43,51,71)
```
#333c53
```
#333c53 rgb(51,60,83)
```
#3a4560
```
#3a4560 rgb(58,69,96)
```
#424d6c
```
#424d6c rgb(66,77,108)
```
#495678
```
#495678 rgb(73,86,120)
```
#505f84
```
#505f84 rgb(80,95,132)
```
#586790
```
#586790 rgb(88,103,144)
```
#5f709d
```
#5f709d rgb(95,112,157)
```

Shade Color Variation

#6b7ba5
```
#6b7ba5 rgb(107,123,165)
```
#7786ac
```
#7786ac rgb(119,134,172)
```
#8391b4
```
#8391b4 rgb(131,145,180)
```
#8f9bbb
```
#8f9bbb rgb(143,155,187)
```
#9ba6c2
```
#9ba6c2 rgb(155,166,194)
```
#a8b1ca
```
#a8b1ca rgb(168,177,202)
```
#b4bcd1
```
#b4bcd1 rgb(180,188,209)
```
#c0c7d9
```
#c0c7d9 rgb(192,199,217)
```
#ccd2e0
```
#ccd2e0 rgb(204,210,224)
```
#d8dde8
```
#d8dde8 rgb(216,221,232)
```
#e5e8ef
```
#e5e8ef rgb(229,232,239)
```
#f1f2f6
```
#f1f2f6 rgb(241,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5f6062
```
#5f6062 rgb(95,96,98)
```
#585d69
```
#585d69 rgb(88,93,105)
```
#505971
```
#505971 rgb(80,89,113)
```
#495678
```
#495678 rgb(73,86,120)
```
#42537f
```
#42537f rgb(66,83,127)
```
#3a4f87
```
#3a4f87 rgb(58,79,135)
```
#334c8e
```
#334c8e rgb(51,76,142)
```
#2b4996
```
#2b4996 rgb(43,73,150)
```
#24459d
```
#24459d rgb(36,69,157)
```
#1c42a5
```
#1c42a5 rgb(28,66,165)
```
#153fac
```
#153fac rgb(21,63,172)
```
#0e3bb3
```
#0e3bb3 rgb(14,59,179)
```
#0638bb
```
#0638bb rgb(6,56,187)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#53565d Atypical Achromatopsia 0.001% of the population

Dichromacy

#555e7e Protanopia 1% of men
#545e7f Deuteranopia 1% of men
#4c626a Tritanopia 0.001% of the population

Trichromacy

#505b7c Protanomaly 1% of men, 0.01% of women
#505b7c Deuteranomaly 6% of men, 0.4% of women
#4b5e6f Tritanomaly 0.01% of the population

#495678 hex color

#495678 Color Information

#495678 Color Conversion

Color Schemes with #495678

Alternatives to #495678

#495678 Preview

Shades and Tints of #495678

Tones of #495678

Color Blindness Simulator