#495af0 hex color

In a RGB color space, hex #495af0 is composed of 28.6% red, 35.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 62.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 233.9 degrees, a saturation of 84.8% and a lightness of 61.4%. #495af0 color hex could be obtained by blending #92b4ff with #0000e1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 29
- G 35
- B 94
RGB color chart
- C 70
- M 63
- Y 0
- K 6
CMYK color chart

● #495af0 color description : Soft blue.

The hexadecimal color #495af0 has RGB values of R:73, G:90, B:240 and CMYK values of C:0.7, M:0.63, Y:0, K:0.06. Its decimal value is 4807408.

Hex triplet	495af0	`#495af0`
RGB Decimal	73, 90, 240	`rgb(73,90,240)`
RGB Percent	28.6, 35.3, 94.1	`rgb(28.6%,35.3%,94.1%)`
CMYK	70, 63, 0, 6
HSL	233.9°, 84.8, 61.4	`hsl(233.9,84.8%,61.4%)`
HSV (or HSB)	233.9°, 69.6, 94.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.66, 41.818, -77.24
XYZ	22.129, 15.019, 84.166
xyY	0.182, 0.124, 15.019
CIE-LCH	45.66, 87.834, 298.431
CIE-LUV	45.66, -12.333, -117.498
Hunter-Lab	38.754, 34.105, -101.638
Binary	01001001, 01011010, 11110000

#495af0
```
#495af0 rgb(73,90,240)
```
#f0df49
```
#f0df49 rgb(240,223,73)
```

Complementary Color

#49aef0
```
#49aef0 rgb(73,174,240)
```
#495af0
```
#495af0 rgb(73,90,240)
```
#8c49f0
```
#8c49f0 rgb(140,73,240)
```

Analogous Color

#aef049
```
#aef049 rgb(174,240,73)
```
#495af0
```
#495af0 rgb(73,90,240)
```
#f08c49
```
#f08c49 rgb(240,140,73)
```

Split Complementary Color

#5af049
```
#5af049 rgb(90,240,73)
```
#495af0
```
#495af0 rgb(73,90,240)
```
#f0495a
```
#f0495a rgb(240,73,90)
```

Triadic Color

#49f0df
```
#49f0df rgb(73,240,223)
```
#495af0
```
#495af0 rgb(73,90,240)
```
#f0495a
```
#f0495a rgb(240,73,90)
```
#f0df49
```
#f0df49 rgb(240,223,73)
```

Tetradic Color

#1226da
```
#1226da rgb(18,38,218)
```
#1a2fec
```
#1a2fec rgb(26,47,236)
```
#3145ee
```
#3145ee rgb(49,69,238)
```
#495af0
```
#495af0 rgb(73,90,240)
```
#616ff2
```
#616ff2 rgb(97,111,242)
```
#7885f4
```
#7885f4 rgb(120,133,244)
```
#909af6
```
#909af6 rgb(144,154,246)
```

Monochromatic Color

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

#4984f0
```
#4984f0 rgb(73,132,240)
```
#4976f0
```
#4976f0 rgb(73,118,240)
```
#4968f0
```
#4968f0 rgb(73,104,240)
```
#495af0
```
#495af0 rgb(73,90,240)
```
#494cf0
```
#494cf0 rgb(73,76,240)
```
#5449f0
```
#5449f0 rgb(84,73,240)
```
#6249f0
```
#6249f0 rgb(98,73,240)
```

Similar Colors

Text with hexadecimal color #495af0

This text has a font color of #495af0.

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

#495af0 background color

This paragraph has a background color of #495af0.

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

#495af0 border color

This element has a border color of #495af0.

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

CSS codes

.text {color:#495af0;}

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

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

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

#010311
```
#010311 rgb(1,3,17)
```
#030623
```
#030623 rgb(3,6,35)
```
#040936
```
#040936 rgb(4,9,54)
```
#060d48
```
#060d48 rgb(6,13,72)
```
#07105a
```
#07105a rgb(7,16,90)
```
#09136c
```
#09136c rgb(9,19,108)
```
#0a167e
```
#0a167e rgb(10,22,126)
```
#0c1990
```
#0c1990 rgb(12,25,144)
```
#0d1da2
```
#0d1da2 rgb(13,29,162)
```
#0f20b4
```
#0f20b4 rgb(15,32,180)
```
#1023c7
```
#1023c7 rgb(16,35,199)
```
#1226d9
```
#1226d9 rgb(18,38,217)
```
#1329eb
```
#1329eb rgb(19,41,235)
```

Shade Color Variation

#2539ed
```
#2539ed rgb(37,57,237)
```
#374aef
```
#374aef rgb(55,74,239)
```
#495af0
```
#495af0 rgb(73,90,240)
```
#5b6af1
```
#5b6af1 rgb(91,106,241)
```
#6d7bf3
```
#6d7bf3 rgb(109,123,243)
```
#7f8bf4
```
#7f8bf4 rgb(127,139,244)
```
#919cf6
```
#919cf6 rgb(145,156,246)
```
#a4acf7
```
#a4acf7 rgb(164,172,247)
```
#b6bdf9
```
#b6bdf9 rgb(182,189,249)
```
#c8cdfa
```
#c8cdfa rgb(200,205,250)
```
#daddfc
```
#daddfc rgb(218,221,252)
```
#eceefd
```
#eceefd rgb(236,238,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9c9c9d
```
#9c9c9d rgb(156,156,157)
```
#9596a4
```
#9596a4 rgb(149,150,164)
```
#8d90ac
```
#8d90ac rgb(141,144,172)
```
#868ab3
```
#868ab3 rgb(134,138,179)
```
#7e84bb
```
#7e84bb rgb(126,132,187)
```
#767ec3
```
#767ec3 rgb(118,126,195)
```
#6f78ca
```
#6f78ca rgb(111,120,202)
```
#6772d2
```
#6772d2 rgb(103,114,210)
```
#606cd9
```
#606cd9 rgb(96,108,217)
```
#5866e1
```
#5866e1 rgb(88,102,225)
```
#5160e8
```
#5160e8 rgb(81,96,232)
```
#495af0
```
#495af0 rgb(73,90,240)
```
#4154f8
```
#4154f8 rgb(65,84,248)
```

Tone Color Variation

Below, you can see how #495af0 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
#606482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#1a68e2 Protanomaly 1% of men, 0.01% of women
#1a6cd1 Deuteranomaly 6% of men, 0.4% of women
#1a71ad Tritanomaly 0.01% of the population

#495af0 hex color

#495af0 Color Information

#495af0 Color Conversion

Color Schemes with #495af0

Alternatives to #495af0

#495af0 Preview

Shades and Tints of #495af0

Tones of #495af0

Color Blindness Simulator