#495cf5 hex color

In a RGB color space, hex #495cf5 is composed of 28.6% red, 36.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 62.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 233.4 degrees, a saturation of 89.6% and a lightness of 62.4%. #495cf5 color hex could be obtained by blending #92b8ff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 29
- G 36
- B 96
RGB color chart
- C 70
- M 62
- Y 0
- K 4
CMYK color chart

● #495cf5 color description : Bright blue.

The hexadecimal color #495cf5 has RGB values of R:73, G:92, B:245 and CMYK values of C:0.7, M:0.62, Y:0, K:0.04. Its decimal value is 4807925.

Hex triplet	495cf5	`#495cf5`
RGB Decimal	73, 92, 245	`rgb(73,92,245)`
RGB Percent	28.6, 36.1, 96.1	`rgb(28.6%,36.1%,96.1%)`
CMYK	70, 62, 0, 4
HSL	233.4°, 89.6, 62.4	`hsl(233.4,89.6%,62.4%)`
HSV (or HSB)	233.4°, 70.2, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.528, 42.3, -78.623
XYZ	23.053, 15.662, 88.189
xyY	0.182, 0.123, 15.662
CIE-LCH	46.528, 89.28, 298.281
CIE-LUV	46.528, -12.929, -120.118
Hunter-Lab	39.575, 34.721, -104.419
Binary	01001001, 01011100, 11110101

#495cf5
```
#495cf5 rgb(73,92,245)
```
#f5e249
```
#f5e249 rgb(245,226,73)
```

Complementary Color

#49b2f5
```
#49b2f5 rgb(73,178,245)
```
#495cf5
```
#495cf5 rgb(73,92,245)
```
#8c49f5
```
#8c49f5 rgb(140,73,245)
```

Analogous Color

#b2f549
```
#b2f549 rgb(178,245,73)
```
#495cf5
```
#495cf5 rgb(73,92,245)
```
#f58c49
```
#f58c49 rgb(245,140,73)
```

Split Complementary Color

#5cf549
```
#5cf549 rgb(92,245,73)
```
#495cf5
```
#495cf5 rgb(73,92,245)
```
#f5495c
```
#f5495c rgb(245,73,92)
```

Triadic Color

#49f5e2
```
#49f5e2 rgb(73,245,226)
```
#495cf5
```
#495cf5 rgb(73,92,245)
```
#f5495c
```
#f5495c rgb(245,73,92)
```
#f5e249
```
#f5e249 rgb(245,226,73)
```

Tetradic Color

#0d24e5
```
#0d24e5 rgb(13,36,229)
```
#1931f2
```
#1931f2 rgb(25,49,242)
```
#3146f4
```
#3146f4 rgb(49,70,244)
```
#495cf5
```
#495cf5 rgb(73,92,245)
```
#6172f6
```
#6172f6 rgb(97,114,246)
```
#7987f8
```
#7987f8 rgb(121,135,248)
```
#929df9
```
#929df9 rgb(146,157,249)
```

Monochromatic Color

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

#4987f5
```
#4987f5 rgb(73,135,245)
```
#4979f5
```
#4979f5 rgb(73,121,245)
```
#496af5
```
#496af5 rgb(73,106,245)
```
#495cf5
```
#495cf5 rgb(73,92,245)
```
#494ef5
```
#494ef5 rgb(73,78,245)
```
#5349f5
```
#5349f5 rgb(83,73,245)
```
#6149f5
```
#6149f5 rgb(97,73,245)
```

Similar Colors

Text with hexadecimal color #495cf5

This text has a font color of #495cf5.

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

#495cf5 background color

This paragraph has a background color of #495cf5.

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

#495cf5 border color

This element has a border color of #495cf5.

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

CSS codes

.text {color:#495cf5;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010417
```
#010417 rgb(1,4,23)
```
#020729
```
#020729 rgb(2,7,41)
```
#030a3c
```
#030a3c rgb(3,10,60)
```
#040c4e
```
#040c4e rgb(4,12,78)
```
#050f61
```
#050f61 rgb(5,15,97)
```
#061274
```
#061274 rgb(6,18,116)
```
#071586
```
#071586 rgb(7,21,134)
```
#081899
```
#081899 rgb(8,24,153)
```
#091bab
```
#091bab rgb(9,27,171)
```
#0a1ebe
```
#0a1ebe rgb(10,30,190)
```
#0b21d0
```
#0b21d0 rgb(11,33,208)
```
#0c24e3
```
#0c24e3 rgb(12,36,227)
```

Shade Color Variation

#112af2
```
#112af2 rgb(17,42,242)
```
#243bf3
```
#243bf3 rgb(36,59,243)
```
#364bf4
```
#364bf4 rgb(54,75,244)
```
#495cf5
```
#495cf5 rgb(73,92,245)
```
#5c6df6
```
#5c6df6 rgb(92,109,246)
```
#6e7df7
```
#6e7df7 rgb(110,125,247)
```
#818ef8
```
#818ef8 rgb(129,142,248)
```
#939ff9
```
#939ff9 rgb(147,159,249)
```
#a6affa
```
#a6affa rgb(166,175,250)
```
#b9c0fb
```
#b9c0fb rgb(185,192,251)
```
#cbd1fc
```
#cbd1fc rgb(203,209,252)
```
#dee1fd
```
#dee1fd rgb(222,225,253)
```
#f0f2fe
```
#f0f2fe rgb(240,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9ba4 is the less saturated color, while #4256fc is the most saturated one.

#9a9ba4
```
#9a9ba4 rgb(154,155,164)
```
#9396ab
```
#9396ab rgb(147,150,171)
```
#8b90b3
```
#8b90b3 rgb(139,144,179)
```
#848aba
```
#848aba rgb(132,138,186)
```
#7d84c1
```
#7d84c1 rgb(125,132,193)
```
#757fc9
```
#757fc9 rgb(117,127,201)
```
#6e79d0
```
#6e79d0 rgb(110,121,208)
```
#6773d7
```
#6773d7 rgb(103,115,215)
```
#5f6ddf
```
#5f6ddf rgb(95,109,223)
```
#5868e6
```
#5868e6 rgb(88,104,230)
```
#5062ee
```
#5062ee rgb(80,98,238)
```
#495cf5
```
#495cf5 rgb(73,92,245)
```
#4256fc
```
#4256fc rgb(66,86,252)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#626684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1a6ae7 Protanomaly 1% of men, 0.01% of women
#1a6ed4 Deuteranomaly 6% of men, 0.4% of women
#1a73b0 Tritanomaly 0.01% of the population

#495cf5 hex color

#495cf5 Color Information

#495cf5 Color Conversion

Color Schemes with #495cf5

Alternatives to #495cf5

#495cf5 Preview

Shades and Tints of #495cf5

Tones of #495cf5

Color Blindness Simulator