#969ef4 hex color

In a RGB color space, hex #969ef4 is composed of 58.8% red, 62% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 35.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 234.9 degrees, a saturation of 81% and a lightness of 77.3%. #969ef4 color hex could be obtained by blending #ffffff with #2d3de9. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 59
- G 62
- B 96
RGB color chart
- C 39
- M 35
- Y 0
- K 4
CMYK color chart

● #969ef4 color description : Very soft blue.

The hexadecimal color #969ef4 has RGB values of R:150, G:158, B:244 and CMYK values of C:0.39, M:0.35, Y:0, K:0.04. Its decimal value is 9871092.

Hex triplet	969ef4	`#969ef4`
RGB Decimal	150, 158, 244	`rgb(150,158,244)`
RGB Percent	58.8, 62, 95.7	`rgb(58.8%,62%,95.7%)`
CMYK	39, 35, 0, 4
HSL	234.9°, 81, 77.3	`hsl(234.9,81%,77.3%)`
HSV (or HSB)	234.9°, 38.5, 95.7
Web Safe	9999ff	`#9999ff`

CIE-LAB	67.627, 17.73, -43.962
XYZ	41.13, 37.468, 90.648
xyY	0.243, 0.221, 37.468
CIE-LCH	67.627, 47.403, 291.965
CIE-LUV	67.627, -8.648, -72.962
Hunter-Lab	61.211, 12.821, -44.955
Binary	10010110, 10011110, 11110100

#969ef4
```
#969ef4 rgb(150,158,244)
```
#f4ec96
```
#f4ec96 rgb(244,236,150)
```

Complementary Color

#96cdf4
```
#96cdf4 rgb(150,205,244)
```
#969ef4
```
#969ef4 rgb(150,158,244)
```
#bd96f4
```
#bd96f4 rgb(189,150,244)
```

Analogous Color

#cdf496
```
#cdf496 rgb(205,244,150)
```
#969ef4
```
#969ef4 rgb(150,158,244)
```
#f4bd96
```
#f4bd96 rgb(244,189,150)
```

Split Complementary Color

#9ef496
```
#9ef496 rgb(158,244,150)
```
#969ef4
```
#969ef4 rgb(150,158,244)
```
#f4969e
```
#f4969e rgb(244,150,158)
```

Triadic Color

#96f4ec
```
#96f4ec rgb(150,244,236)
```
#969ef4
```
#969ef4 rgb(150,158,244)
```
#f4969e
```
#f4969e rgb(244,150,158)
```
#f4ec96
```
#f4ec96 rgb(244,236,150)
```

Tetradic Color

#515eed
```
#515eed rgb(81,94,237)
```
#6873ef
```
#6873ef rgb(104,115,239)
```
#7f89f2
```
#7f89f2 rgb(127,137,242)
```
#969ef4
```
#969ef4 rgb(150,158,244)
```
#adb3f6
```
#adb3f6 rgb(173,179,246)
```
#c4c9f9
```
#c4c9f9 rgb(196,201,249)
```
#dbdefb
```
#dbdefb rgb(219,222,251)
```

Monochromatic Color

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

#96b6f4
```
#96b6f4 rgb(150,182,244)
```
#96aef4
```
#96aef4 rgb(150,174,244)
```
#96a6f4
```
#96a6f4 rgb(150,166,244)
```
#969ef4
```
#969ef4 rgb(150,158,244)
```
#9696f4
```
#9696f4 rgb(150,150,244)
```
#9e96f4
```
#9e96f4 rgb(158,150,244)
```
#a696f4
```
#a696f4 rgb(166,150,244)
```

Similar Colors

Text with hexadecimal color #969ef4

This text has a font color of #969ef4.

<span style="color:#969ef4;">Text here</span>

#969ef4 background color

This paragraph has a background color of #969ef4.

<p style="background-color:#969ef4;">Content here</p>

#969ef4 border color

This element has a border color of #969ef4.

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

CSS codes

.text {color:#969ef4;}

.background {background-color:#969ef4;}

.border {border:1px solid #969ef4;}

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

#000002
```
#000002 rgb(0,0,2)
```
#020313
```
#020313 rgb(2,3,19)
```
#040725
```
#040725 rgb(4,7,37)
```
#060a37
```
#060a37 rgb(6,10,55)
```
#080d49
```
#080d49 rgb(8,13,73)
```
#09105a
```
#09105a rgb(9,16,90)
```
#0b146c
```
#0b146c rgb(11,20,108)
```
#0d177e
```
#0d177e rgb(13,23,126)
```
#0f1a90
```
#0f1a90 rgb(15,26,144)
```
#111da1
```
#111da1 rgb(17,29,161)
```
#1320b3
```
#1320b3 rgb(19,32,179)
```
#1524c5
```
#1524c5 rgb(21,36,197)
```
#1627d7
```
#1627d7 rgb(22,39,215)
```

Shade Color Variation

#1a2be7
```
#1a2be7 rgb(26,43,231)
```
#2b3ce9
```
#2b3ce9 rgb(43,60,233)
```
#3d4ceb
```
#3d4ceb rgb(61,76,235)
```
#4f5ced
```
#4f5ced rgb(79,92,237)
```
#616dee
```
#616dee rgb(97,109,238)
```
#727df0
```
#727df0 rgb(114,125,240)
```
#848ef2
```
#848ef2 rgb(132,142,242)
```
#969ef4
```
#969ef4 rgb(150,158,244)
```
#a8aef6
```
#a8aef6 rgb(168,174,246)
```
#babff8
```
#babff8 rgb(186,191,248)
```
#cbcffa
```
#cbcffa rgb(203,207,250)
```
#dde0fb
```
#dde0fb rgb(221,224,251)
```
#eff0fd
```
#eff0fd rgb(239,240,253)
```

Tint Color Variation

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

#c3c3c7
```
#c3c3c7 rgb(195,195,199)
```
#bebfcc
```
#bebfcc rgb(190,191,204)
```
#babcd0
```
#babcd0 rgb(186,188,208)
```
#b5b8d5
```
#b5b8d5 rgb(181,184,213)
```
#b1b4d9
```
#b1b4d9 rgb(177,180,217)
```
#acb1de
```
#acb1de rgb(172,177,222)
```
#a8ade2
```
#a8ade2 rgb(168,173,226)
```
#a3a9e7
```
#a3a9e7 rgb(163,169,231)
```
#9fa5eb
```
#9fa5eb rgb(159,165,235)
```
#9aa2f0
```
#9aa2f0 rgb(154,162,240)
```
#969ef4
```
#969ef4 rgb(150,158,244)
```
#929af8
```
#929af8 rgb(146,154,248)
```
#8d97fd
```
#8d97fd rgb(141,151,253)
```

Tone Color Variation

Below, you can see how #969ef4 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

#a5a5a5 Achromatopsia 0.005% of the population
#a2a4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa6f7 Protanopia 1% of men
#86a8f2 Deuteranopia 1% of men
#8aafbb Tritanopia 0.001% of the population

Trichromacy

#8ea3f6 Protanomaly 1% of men, 0.01% of women
#8ca4f3 Deuteranomaly 6% of men, 0.4% of women
#8ea9d0 Tritanomaly 0.01% of the population

#969ef4 hex color

#969ef4 Color Information

#969ef4 Color Conversion

Color Schemes with #969ef4

Alternatives to #969ef4

#969ef4 Preview

Shades and Tints of #969ef4

Tones of #969ef4

Color Blindness Simulator