#959af4 hex color

In a RGB color space, hex #959af4 is composed of 58.4% red, 60.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 36.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 236.8 degrees, a saturation of 81.2% and a lightness of 77.1%. #959af4 color hex could be obtained by blending #ffffff with #2b35e9. 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

● #959af4 color description : Very soft blue.

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

Hex triplet	959af4	`#959af4`
RGB Decimal	149, 154, 244	`rgb(149,154,244)`
RGB Percent	58.4, 60.4, 95.7	`rgb(58.4%,60.4%,95.7%)`
CMYK	39, 37, 0, 4
HSL	236.8°, 81.2, 77.1	`hsl(236.8,81.2%,77.1%)`
HSV (or HSB)	236.8°, 38.9, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.544, 19.761, -45.668
XYZ	40.276, 36.031, 90.416
xyY	0.242, 0.216, 36.031
CIE-LCH	66.544, 49.761, 293.399
CIE-LUV	66.544, -7.569, -75.884
Hunter-Lab	60.026, 14.723, -47.288
Binary	10010101, 10011010, 11110100

#959af4
```
#959af4 rgb(149,154,244)
```
#f4ef95
```
#f4ef95 rgb(244,239,149)
```

Complementary Color

#95caf4
```
#95caf4 rgb(149,202,244)
```
#959af4
```
#959af4 rgb(149,154,244)
```
#c095f4
```
#c095f4 rgb(192,149,244)
```

Analogous Color

#caf495
```
#caf495 rgb(202,244,149)
```
#959af4
```
#959af4 rgb(149,154,244)
```
#f4c095
```
#f4c095 rgb(244,192,149)
```

Split Complementary Color

#9af495
```
#9af495 rgb(154,244,149)
```
#959af4
```
#959af4 rgb(149,154,244)
```
#f4959a
```
#f4959a rgb(244,149,154)
```

Triadic Color

#95f4ef
```
#95f4ef rgb(149,244,239)
```
#959af4
```
#959af4 rgb(149,154,244)
```
#f4959a
```
#f4959a rgb(244,149,154)
```
#f4ef95
```
#f4ef95 rgb(244,239,149)
```

Tetradic Color

#5058ed
```
#5058ed rgb(80,88,237)
```
#676eef
```
#676eef rgb(103,110,239)
```
#7e84f2
```
#7e84f2 rgb(126,132,242)
```
#959af4
```
#959af4 rgb(149,154,244)
```
#acb0f6
```
#acb0f6 rgb(172,176,246)
```
#c3c6f9
```
#c3c6f9 rgb(195,198,249)
```
#dadcfb
```
#dadcfb rgb(218,220,251)
```

Monochromatic Color

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

#95b2f4
```
#95b2f4 rgb(149,178,244)
```
#95aaf4
```
#95aaf4 rgb(149,170,244)
```
#95a2f4
```
#95a2f4 rgb(149,162,244)
```
#959af4
```
#959af4 rgb(149,154,244)
```
#9895f4
```
#9895f4 rgb(152,149,244)
```
#a095f4
```
#a095f4 rgb(160,149,244)
```
#a895f4
```
#a895f4 rgb(168,149,244)
```

Similar Colors

Text with hexadecimal color #959af4

This text has a font color of #959af4.

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

#959af4 background color

This paragraph has a background color of #959af4.

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

#959af4 border color

This element has a border color of #959af4.

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

CSS codes

.text {color:#959af4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020312
```
#020312 rgb(2,3,18)
```
#040524
```
#040524 rgb(4,5,36)
```
#060836
```
#060836 rgb(6,8,54)
```
#070b48
```
#070b48 rgb(7,11,72)
```
#090e59
```
#090e59 rgb(9,14,89)
```
#0b106b
```
#0b106b rgb(11,16,107)
```
#0d137d
```
#0d137d rgb(13,19,125)
```
#0f168f
```
#0f168f rgb(15,22,143)
```
#1118a1
```
#1118a1 rgb(17,24,161)
```
#131bb2
```
#131bb2 rgb(19,27,178)
```
#141ec4
```
#141ec4 rgb(20,30,196)
```
#1620d6
```
#1620d6 rgb(22,32,214)
```

Shade Color Variation

#1923e7
```
#1923e7 rgb(25,35,231)
```
#2a34e9
```
#2a34e9 rgb(42,52,233)
```
#3c45eb
```
#3c45eb rgb(60,69,235)
```
#4e56ed
```
#4e56ed rgb(78,86,237)
```
#6067ee
```
#6067ee rgb(96,103,238)
```
#7178f0
```
#7178f0 rgb(113,120,240)
```
#8389f2
```
#8389f2 rgb(131,137,242)
```
#959af4
```
#959af4 rgb(149,154,244)
```
#a7abf6
```
#a7abf6 rgb(167,171,246)
```
#b9bcf8
```
#b9bcf8 rgb(185,188,248)
```
#cacdfa
```
#cacdfa rgb(202,205,250)
```
#dcdefb
```
#dcdefb rgb(220,222,251)
```
#eeeffd
```
#eeeffd rgb(238,239,253)
```

Tint Color Variation

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

#c2c2c7
```
#c2c2c7 rgb(194,194,199)
```
#bebecc
```
#bebecc rgb(190,190,204)
```
#b9bad0
```
#b9bad0 rgb(185,186,208)
```
#b5b6d5
```
#b5b6d5 rgb(181,182,213)
```
#b0b2d9
```
#b0b2d9 rgb(176,178,217)
```
#acaede
```
#acaede rgb(172,174,222)
```
#a7aae2
```
#a7aae2 rgb(167,170,226)
```
#a3a6e7
```
#a3a6e7 rgb(163,166,231)
```
#9ea2eb
```
#9ea2eb rgb(158,162,235)
```
#9a9ef0
```
#9a9ef0 rgb(154,158,240)
```
#959af4
```
#959af4 rgb(149,154,244)
```
#9196f9
```
#9196f9 rgb(145,150,249)
```
#8c92fd
```
#8c92fd rgb(140,146,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a0a1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a3f8 Protanopia 1% of men
#80a6f1 Deuteranopia 1% of men
#88acb8 Tritanopia 0.001% of the population

Trichromacy

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

#959af4 hex color

#959af4 Color Information

#959af4 Color Conversion

Color Schemes with #959af4

Alternatives to #959af4

#959af4 Preview

Shades and Tints of #959af4

Tones of #959af4

Color Blindness Simulator