#495ba8 hex color

In a RGB color space, hex #495ba8 is composed of 28.6% red, 35.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 45.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 228.6 degrees, a saturation of 39.4% and a lightness of 47.3%. #495ba8 color hex could be obtained by blending #92b6ff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 29
- G 36
- B 66
RGB color chart
- C 57
- M 46
- Y 0
- K 34
CMYK color chart

● #495ba8 color description : Dark moderate blue.

The hexadecimal color #495ba8 has RGB values of R:73, G:91, B:168 and CMYK values of C:0.57, M:0.46, Y:0, K:0.34. Its decimal value is 4807592.

Hex triplet	495ba8	`#495ba8`
RGB Decimal	73, 91, 168	`rgb(73,91,168)`
RGB Percent	28.6, 35.7, 65.9	`rgb(28.6%,35.7%,65.9%)`
CMYK	57, 46, 0, 34
HSL	228.6°, 39.4, 47.3	`hsl(228.6,39.4%,47.3%)`
HSV (or HSB)	228.6°, 56.5, 65.9
Web Safe	336699	`#336699`

CIE-LAB	40.776, 16.508, -43.65
XYZ	13.555, 11.725, 38.593
xyY	0.212, 0.184, 11.725
CIE-LCH	40.776, 46.667, 290.716
CIE-LUV	40.776, -10.702, -64.981
Hunter-Lab	34.242, 10.738, -42.853
Binary	01001001, 01011011, 10101000

#495ba8
```
#495ba8 rgb(73,91,168)
```
#a89649
```
#a89649 rgb(168,150,73)
```

Complementary Color

#498ba8
```
#498ba8 rgb(73,139,168)
```
#495ba8
```
#495ba8 rgb(73,91,168)
```
#6749a8
```
#6749a8 rgb(103,73,168)
```

Analogous Color

#8ba849
```
#8ba849 rgb(139,168,73)
```
#495ba8
```
#495ba8 rgb(73,91,168)
```
#a86749
```
#a86749 rgb(168,103,73)
```

Split Complementary Color

#5ba849
```
#5ba849 rgb(91,168,73)
```
#495ba8
```
#495ba8 rgb(73,91,168)
```
#a8495b
```
#a8495b rgb(168,73,91)
```

Triadic Color

#49a896
```
#49a896 rgb(73,168,150)
```
#495ba8
```
#495ba8 rgb(73,91,168)
```
#a8495b
```
#a8495b rgb(168,73,91)
```
#a89649
```
#a89649 rgb(168,150,73)
```

Tetradic Color

#323e73
```
#323e73 rgb(50,62,115)
```
#3a4884
```
#3a4884 rgb(58,72,132)
```
#415196
```
#415196 rgb(65,81,150)
```
#495ba8
```
#495ba8 rgb(73,91,168)
```
#5567b5
```
#5567b5 rgb(85,103,181)
```
#6777bd
```
#6777bd rgb(103,119,189)
```
#7987c5
```
#7987c5 rgb(121,135,197)
```

Monochromatic Color

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

#4973a8
```
#4973a8 rgb(73,115,168)
```
#496ba8
```
#496ba8 rgb(73,107,168)
```
#4963a8
```
#4963a8 rgb(73,99,168)
```
#495ba8
```
#495ba8 rgb(73,91,168)
```
#4953a8
```
#4953a8 rgb(73,83,168)
```
#494ba8
```
#494ba8 rgb(73,75,168)
```
#4f49a8
```
#4f49a8 rgb(79,73,168)
```

Similar Colors

Text with hexadecimal color #495ba8

This text has a font color of #495ba8.

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

#495ba8 background color

This paragraph has a background color of #495ba8.

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

#495ba8 border color

This element has a border color of #495ba8.

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

CSS codes

.text {color:#495ba8;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080a12
```
#080a12 rgb(8,10,18)
```
#0e111f
```
#0e111f rgb(14,17,31)
```
#14182d
```
#14182d rgb(20,24,45)
```
#19203b
```
#19203b rgb(25,32,59)
```
#1f2748
```
#1f2748 rgb(31,39,72)
```
#252f56
```
#252f56 rgb(37,47,86)
```
#2b3664
```
#2b3664 rgb(43,54,100)
```
#313d71
```
#313d71 rgb(49,61,113)
```
#37457f
```
#37457f rgb(55,69,127)
```
#3d4c8d
```
#3d4c8d rgb(61,76,141)
```
#43549a
```
#43549a rgb(67,84,154)
```
#495ba8
```
#495ba8 rgb(73,91,168)
```

Shade Color Variation

#5164b3
```
#5164b3 rgb(81,100,179)
```
#5f70b9
```
#5f70b9 rgb(95,112,185)
```
#6d7cbf
```
#6d7cbf rgb(109,124,191)
```
#7a88c5
```
#7a88c5 rgb(122,136,197)
```
#8895cb
```
#8895cb rgb(136,149,203)
```
#96a1d1
```
#96a1d1 rgb(150,161,209)
```
#a3add7
```
#a3add7 rgb(163,173,215)
```
#b1b9dd
```
#b1b9dd rgb(177,185,221)
```
#bfc5e3
```
#bfc5e3 rgb(191,197,227)
```
#ccd2e9
```
#ccd2e9 rgb(204,210,233)
```
#dadeef
```
#dadeef rgb(218,222,239)
```
#e8eaf5
```
#e8eaf5 rgb(232,234,245)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

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

#77787a
```
#77787a rgb(119,120,122)
```
#6e7283
```
#6e7283 rgb(110,114,131)
```
#656c8c
```
#656c8c rgb(101,108,140)
```
#5c6795
```
#5c6795 rgb(92,103,149)
```
#52619f
```
#52619f rgb(82,97,159)
```
#495ba8
```
#495ba8 rgb(73,91,168)
```
#4055b1
```
#4055b1 rgb(64,85,177)
```
#364fbb
```
#364fbb rgb(54,79,187)
```
#2d4ac4
```
#2d4ac4 rgb(45,74,196)
```
#2444cd
```
#2444cd rgb(36,68,205)
```
#1b3ed6
```
#1b3ed6 rgb(27,62,214)
```
#1138e0
```
#1138e0 rgb(17,56,224)
```
#0833e9
```
#0833e9 rgb(8,51,233)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5a5d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4366ae Protanopia 1% of men
#3069aa Deuteranopia 1% of men
#387078 Tritanopia 0.001% of the population

Trichromacy

#4562ac Protanomaly 1% of men, 0.01% of women
#3964a9 Deuteranomaly 6% of men, 0.4% of women
#3e6889 Tritanomaly 0.01% of the population

#495ba8 hex color

#495ba8 Color Information

#495ba8 Color Conversion

Color Schemes with #495ba8

Alternatives to #495ba8

#495ba8 Preview

Shades and Tints of #495ba8

Tones of #495ba8

Color Blindness Simulator