#9696e4 hex color

In a RGB color space, hex #9696e4 is composed of 58.8% red, 58.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 34.2% cyan, 34.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 240 degrees, a saturation of 59.1% and a lightness of 74.1%. #9696e4 color hex could be obtained by blending #ffffff with #2d2dc9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 59
- B 89
RGB color chart
- C 34
- M 34
- Y 0
- K 11
CMYK color chart

● #9696e4 color description : Very soft blue.

The hexadecimal color #9696e4 has RGB values of R:150, G:150, B:228 and CMYK values of C:0.34, M:0.34, Y:0, K:0.11. Its decimal value is 9869028.

Hex triplet	9696e4	`#9696e4`
RGB Decimal	150, 150, 228	`rgb(150,150,228)`
RGB Percent	58.8, 58.8, 89.4	`rgb(58.8%,58.8%,89.4%)`
CMYK	34, 34, 0, 11
HSL	240°, 59.1, 74.1	`hsl(240,59.1%,74.1%)`
HSV (or HSB)	240°, 34.2, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.881, 18.045, -39.475
XYZ	37.485, 33.897, 77.962
xyY	0.251, 0.227, 33.897
CIE-LCH	64.881, 43.404, 294.566
CIE-LUV	64.881, -4.697, -65.054
Hunter-Lab	58.222, 13.036, -38.638
Binary	10010110, 10010110, 11100100

#9696e4
```
#9696e4 rgb(150,150,228)
```
#e4e496
```
#e4e496 rgb(228,228,150)
```

Complementary Color

#96bde4
```
#96bde4 rgb(150,189,228)
```
#9696e4
```
#9696e4 rgb(150,150,228)
```
#bd96e4
```
#bd96e4 rgb(189,150,228)
```

Analogous Color

#bde496
```
#bde496 rgb(189,228,150)
```
#9696e4
```
#9696e4 rgb(150,150,228)
```
#e4bd96
```
#e4bd96 rgb(228,189,150)
```

Split Complementary Color

#96e496
```
#96e496 rgb(150,228,150)
```
#9696e4
```
#9696e4 rgb(150,150,228)
```
#e49696
```
#e49696 rgb(228,150,150)
```

Triadic Color

#96e4e4
```
#96e4e4 rgb(150,228,228)
```
#9696e4
```
#9696e4 rgb(150,150,228)
```
#e49696
```
#e49696 rgb(228,150,150)
```
#e4e496
```
#e4e496 rgb(228,228,150)
```

Tetradic Color

#5959d4
```
#5959d4 rgb(89,89,212)
```
#6d6dda
```
#6d6dda rgb(109,109,218)
```
#8282df
```
#8282df rgb(130,130,223)
```
#9696e4
```
#9696e4 rgb(150,150,228)
```
#aaaae9
```
#aaaae9 rgb(170,170,233)
```
#bfbfee
```
#bfbfee rgb(191,191,238)
```
#d3d3f4
```
#d3d3f4 rgb(211,211,244)
```

Monochromatic Color

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

#96aae4
```
#96aae4 rgb(150,170,228)
```
#96a3e4
```
#96a3e4 rgb(150,163,228)
```
#969de4
```
#969de4 rgb(150,157,228)
```
#9696e4
```
#9696e4 rgb(150,150,228)
```
#9d96e4
```
#9d96e4 rgb(157,150,228)
```
#a396e4
```
#a396e4 rgb(163,150,228)
```
#aa96e4
```
#aa96e4 rgb(170,150,228)
```

Similar Colors

Text with hexadecimal color #9696e4

This text has a font color of #9696e4.

<span style="color:#9696e4;">Text here</span>

#9696e4 background color

This paragraph has a background color of #9696e4.

<p style="background-color:#9696e4;">Content here</p>

#9696e4 border color

This element has a border color of #9696e4.

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

CSS codes

.text {color:#9696e4;}

.background {background-color:#9696e4;}

.border {border:1px solid #9696e4;}

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

#010104
```
#010104 rgb(1,1,4)
```
#050514
```
#050514 rgb(5,5,20)
```
#090923
```
#090923 rgb(9,9,35)
```
#0d0d33
```
#0d0d33 rgb(13,13,51)
```
#111143
```
#111143 rgb(17,17,67)
```
#151552
```
#151552 rgb(21,21,82)
```
#191962
```
#191962 rgb(25,25,98)
```
#1d1d71
```
#1d1d71 rgb(29,29,113)
```
#212181
```
#212181 rgb(33,33,129)
```
#252591
```
#252591 rgb(37,37,145)
```
#2929a0
```
#2929a0 rgb(41,41,160)
```
#2d2db0
```
#2d2db0 rgb(45,45,176)
```
#3131bf
```
#3131bf rgb(49,49,191)
```

Shade Color Variation

#3838cc
```
#3838cc rgb(56,56,204)
```
#4848d0
```
#4848d0 rgb(72,72,208)
```
#5858d4
```
#5858d4 rgb(88,88,212)
```
#6767d8
```
#6767d8 rgb(103,103,216)
```
#7777dc
```
#7777dc rgb(119,119,220)
```
#8686e0
```
#8686e0 rgb(134,134,224)
```
#9696e4
```
#9696e4 rgb(150,150,228)
```
#a6a6e8
```
#a6a6e8 rgb(166,166,232)
```
#b5b5ec
```
#b5b5ec rgb(181,181,236)
```
#c5c5f0
```
#c5c5f0 rgb(197,197,240)
```
#d4d4f4
```
#d4d4f4 rgb(212,212,244)
```
#e4e4f8
```
#e4e4f8 rgb(228,228,248)
```
#f4f4fc
```
#f4f4fc rgb(244,244,252)
```

Tint Color Variation

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

#babac0
```
#babac0 rgb(186,186,192)
```
#b4b4c6
```
#b4b4c6 rgb(180,180,198)
```
#afafcb
```
#afafcb rgb(175,175,203)
```
#aaaad0
```
#aaaad0 rgb(170,170,208)
```
#a5a5d5
```
#a5a5d5 rgb(165,165,213)
```
#a0a0da
```
#a0a0da rgb(160,160,218)
```
#9b9bdf
```
#9b9bdf rgb(155,155,223)
```
#9696e4
```
#9696e4 rgb(150,150,228)
```
#9191e9
```
#9191e9 rgb(145,145,233)
```
#8c8cee
```
#8c8cee rgb(140,140,238)
```
#8787f3
```
#8787f3 rgb(135,135,243)
```
#8282f8
```
#8282f8 rgb(130,130,248)
```
#7d7dfd
```
#7d7dfd rgb(125,125,253)
```

Tone Color Variation

Below, you can see how #9696e4 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

#9f9f9f Achromatopsia 0.005% of the population
#9d9dad Atypical Achromatopsia 0.001% of the population

Dichromacy

#87a0e8 Protanopia 1% of men
#86a1e3 Deuteranopia 1% of men
#8da6b2 Tritanopia 0.001% of the population

Trichromacy

#8d9ce7 Protanomaly 1% of men, 0.01% of women
#8c9de3 Deuteranomaly 6% of men, 0.4% of women
#90a0c4 Tritanomaly 0.01% of the population

#9696e4 hex color

#9696e4 Color Information

#9696e4 Color Conversion

Color Schemes with #9696e4

Alternatives to #9696e4

#9696e4 Preview

Shades and Tints of #9696e4

Tones of #9696e4

Color Blindness Simulator