#949af4 hex color

In a RGB color space, hex #949af4 is composed of 58% red, 60.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 36.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 236.3 degrees, a saturation of 81.4% and a lightness of 76.9%. #949af4 color hex could be obtained by blending #ffffff with #2935e9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 58
- G 60
- B 96
RGB color chart
- C 39
- M 37
- Y 0
- K 4
CMYK color chart

● #949af4 color description : Very soft blue.

The hexadecimal color #949af4 has RGB values of R:148, G:154, B:244 and CMYK values of C:0.39, M:0.37, Y:0, K:0.04. Its decimal value is 9738996.

Hex triplet	949af4	`#949af4`
RGB Decimal	148, 154, 244	`rgb(148,154,244)`
RGB Percent	58, 60.4, 95.7	`rgb(58%,60.4%,95.7%)`
CMYK	39, 37, 0, 4
HSL	236.3°, 81.4, 76.9	`hsl(236.3,81.4%,76.9%)`
HSV (or HSB)	236.3°, 39.3, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.472, 19.504, -45.786
XYZ	40.094, 35.938, 90.407
xyY	0.241, 0.216, 35.938
CIE-LCH	66.472, 49.767, 293.073
CIE-LUV	66.472, -7.99, -76.036
Hunter-Lab	59.948, 14.474, -47.451
Binary	10010100, 10011010, 11110100

#949af4
```
#949af4 rgb(148,154,244)
```
#f4ee94
```
#f4ee94 rgb(244,238,148)
```

Complementary Color

#94caf4
```
#94caf4 rgb(148,202,244)
```
#949af4
```
#949af4 rgb(148,154,244)
```
#be94f4
```
#be94f4 rgb(190,148,244)
```

Analogous Color

#caf494
```
#caf494 rgb(202,244,148)
```
#949af4
```
#949af4 rgb(148,154,244)
```
#f4be94
```
#f4be94 rgb(244,190,148)
```

Split Complementary Color

#9af494
```
#9af494 rgb(154,244,148)
```
#949af4
```
#949af4 rgb(148,154,244)
```
#f4949a
```
#f4949a rgb(244,148,154)
```

Triadic Color

#94f4ee
```
#94f4ee rgb(148,244,238)
```
#949af4
```
#949af4 rgb(148,154,244)
```
#f4949a
```
#f4949a rgb(244,148,154)
```
#f4ee94
```
#f4ee94 rgb(244,238,148)
```

Tetradic Color

#4f59ed
```
#4f59ed rgb(79,89,237)
```
#666eef
```
#666eef rgb(102,110,239)
```
#7d84f2
```
#7d84f2 rgb(125,132,242)
```
#949af4
```
#949af4 rgb(148,154,244)
```
#abb0f6
```
#abb0f6 rgb(171,176,246)
```
#c2c6f9
```
#c2c6f9 rgb(194,198,249)
```
#d9dbfb
```
#d9dbfb rgb(217,219,251)
```

Monochromatic Color

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

#94b2f4
```
#94b2f4 rgb(148,178,244)
```
#94aaf4
```
#94aaf4 rgb(148,170,244)
```
#94a2f4
```
#94a2f4 rgb(148,162,244)
```
#949af4
```
#949af4 rgb(148,154,244)
```
#9694f4
```
#9694f4 rgb(150,148,244)
```
#9e94f4
```
#9e94f4 rgb(158,148,244)
```
#a694f4
```
#a694f4 rgb(166,148,244)
```

Similar Colors

Text with hexadecimal color #949af4

This text has a font color of #949af4.

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

#949af4 background color

This paragraph has a background color of #949af4.

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

#949af4 border color

This element has a border color of #949af4.

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

CSS codes

.text {color:#949af4;}

.background {background-color:#949af4;}

.border {border:1px solid #949af4;}

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

#020312
```
#020312 rgb(2,3,18)
```
#040623
```
#040623 rgb(4,6,35)
```
#050835
```
#050835 rgb(5,8,53)
```
#070b47
```
#070b47 rgb(7,11,71)
```
#090e59
```
#090e59 rgb(9,14,89)
```
#0b116a
```
#0b116a rgb(11,17,106)
```
#0d147c
```
#0d147c rgb(13,20,124)
```
#0f178e
```
#0f178e rgb(15,23,142)
```
#1019a0
```
#1019a0 rgb(16,25,160)
```
#121cb2
```
#121cb2 rgb(18,28,178)
```
#141fc3
```
#141fc3 rgb(20,31,195)
```
#1622d5
```
#1622d5 rgb(22,34,213)
```
#1825e7
```
#1825e7 rgb(24,37,231)
```

Shade Color Variation

#2935e9
```
#2935e9 rgb(41,53,233)
```
#3b46eb
```
#3b46eb rgb(59,70,235)
```
#4d57ed
```
#4d57ed rgb(77,87,237)
```
#5f68ef
```
#5f68ef rgb(95,104,239)
```
#7078f0
```
#7078f0 rgb(112,120,240)
```
#8289f2
```
#8289f2 rgb(130,137,242)
```
#949af4
```
#949af4 rgb(148,154,244)
```
#a6abf6
```
#a6abf6 rgb(166,171,246)
```
#b8bcf8
```
#b8bcf8 rgb(184,188,248)
```
#c9ccf9
```
#c9ccf9 rgb(201,204,249)
```
#dbddfb
```
#dbddfb rgb(219,221,251)
```
#edeefd
```
#edeefd rgb(237,238,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #c1c2c7 is the less saturated color, while #8b92fd is the most saturated one.

#c1c2c7
```
#c1c2c7 rgb(193,194,199)
```
#bdbecb
```
#bdbecb rgb(189,190,203)
```
#b8bad0
```
#b8bad0 rgb(184,186,208)
```
#b4b6d4
```
#b4b6d4 rgb(180,182,212)
```
#afb2d9
```
#afb2d9 rgb(175,178,217)
```
#abaedd
```
#abaedd rgb(171,174,221)
```
#a6aae2
```
#a6aae2 rgb(166,170,226)
```
#a2a6e6
```
#a2a6e6 rgb(162,166,230)
```
#9da2eb
```
#9da2eb rgb(157,162,235)
```
#999eef
```
#999eef rgb(153,158,239)
```
#949af4
```
#949af4 rgb(148,154,244)
```
#8f96f9
```
#8f96f9 rgb(143,150,249)
```
#8b92fd
```
#8b92fd rgb(139,146,253)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9fa0b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a3f7 Protanopia 1% of men
#7fa5f2 Deuteranopia 1% of men
#87acb8 Tritanopia 0.001% of the population

Trichromacy

#8aa0f6 Protanomaly 1% of men, 0.01% of women
#87a1f2 Deuteranomaly 6% of men, 0.4% of women
#8ba5ce Tritanomaly 0.01% of the population

#949af4 hex color

#949af4 Color Information

#949af4 Color Conversion

Color Schemes with #949af4

Alternatives to #949af4

#949af4 Preview

Shades and Tints of #949af4

Tones of #949af4

Color Blindness Simulator