#9697e4 hex color

In a RGB color space, hex #9697e4 is composed of 58.8% red, 59.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 34.2% cyan, 33.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 239.2 degrees, a saturation of 59.1% and a lightness of 74.1%. #9697e4 color hex could be obtained by blending #ffffff with #2d2fc9. 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

● #9697e4 color description : Very soft blue.

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

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

CIE-LAB	65.135, 17.472, -39.078
XYZ	37.645, 34.218, 78.016
xyY	0.251, 0.228, 34.218
CIE-LCH	65.135, 42.806, 294.089
CIE-LUV	65.135, -5.087, -64.362
Hunter-Lab	58.496, 12.505, -38.127
Binary	10010110, 10010111, 11100100

#9697e4
```
#9697e4 rgb(150,151,228)
```
#e4e396
```
#e4e396 rgb(228,227,150)
```

Complementary Color

#96bee4
```
#96bee4 rgb(150,190,228)
```
#9697e4
```
#9697e4 rgb(150,151,228)
```
#bc96e4
```
#bc96e4 rgb(188,150,228)
```

Analogous Color

#bee496
```
#bee496 rgb(190,228,150)
```
#9697e4
```
#9697e4 rgb(150,151,228)
```
#e4bc96
```
#e4bc96 rgb(228,188,150)
```

Split Complementary Color

#97e496
```
#97e496 rgb(151,228,150)
```
#9697e4
```
#9697e4 rgb(150,151,228)
```
#e49697
```
#e49697 rgb(228,150,151)
```

Triadic Color

#96e4e3
```
#96e4e3 rgb(150,228,227)
```
#9697e4
```
#9697e4 rgb(150,151,228)
```
#e49697
```
#e49697 rgb(228,150,151)
```
#e4e396
```
#e4e396 rgb(228,227,150)
```

Tetradic Color

#595bd4
```
#595bd4 rgb(89,91,212)
```
#6d6fda
```
#6d6fda rgb(109,111,218)
```
#8283df
```
#8283df rgb(130,131,223)
```
#9697e4
```
#9697e4 rgb(150,151,228)
```
#aaabe9
```
#aaabe9 rgb(170,171,233)
```
#bfbfee
```
#bfbfee rgb(191,191,238)
```
#d3d3f4
```
#d3d3f4 rgb(211,211,244)
```

Monochromatic Color

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

#96abe4
```
#96abe4 rgb(150,171,228)
```
#96a4e4
```
#96a4e4 rgb(150,164,228)
```
#969ee4
```
#969ee4 rgb(150,158,228)
```
#9697e4
```
#9697e4 rgb(150,151,228)
```
#9c96e4
```
#9c96e4 rgb(156,150,228)
```
#a296e4
```
#a296e4 rgb(162,150,228)
```
#a996e4
```
#a996e4 rgb(169,150,228)
```

Similar Colors

Text with hexadecimal color #9697e4

This text has a font color of #9697e4.

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

#9697e4 background color

This paragraph has a background color of #9697e4.

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

#9697e4 border color

This element has a border color of #9697e4.

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

CSS codes

.text {color:#9697e4;}

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

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

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)
```
#0d0e33
```
#0d0e33 rgb(13,14,51)
```
#111243
```
#111243 rgb(17,18,67)
```
#151652
```
#151652 rgb(21,22,82)
```
#191a62
```
#191a62 rgb(25,26,98)
```
#1d1e71
```
#1d1e71 rgb(29,30,113)
```
#212281
```
#212281 rgb(33,34,129)
```
#252791
```
#252791 rgb(37,39,145)
```
#292ba0
```
#292ba0 rgb(41,43,160)
```
#2d2fb0
```
#2d2fb0 rgb(45,47,176)
```
#3133bf
```
#3133bf rgb(49,51,191)
```

Shade Color Variation

#383acc
```
#383acc rgb(56,58,204)
```
#484ad0
```
#484ad0 rgb(72,74,208)
```
#5859d4
```
#5859d4 rgb(88,89,212)
```
#6769d8
```
#6769d8 rgb(103,105,216)
```
#7778dc
```
#7778dc rgb(119,120,220)
```
#8688e0
```
#8688e0 rgb(134,136,224)
```
#9697e4
```
#9697e4 rgb(150,151,228)
```
#a6a6e8
```
#a6a6e8 rgb(166,166,232)
```
#b5b6ec
```
#b5b6ec rgb(181,182,236)
```
#c5c5f0
```
#c5c5f0 rgb(197,197,240)
```
#d4d5f4
```
#d4d5f4 rgb(212,213,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 #7d7efd is the most saturated one.

#babac0
```
#babac0 rgb(186,186,192)
```
#b4b5c6
```
#b4b5c6 rgb(180,181,198)
```
#afb0cb
```
#afb0cb rgb(175,176,203)
```
#aaabd0
```
#aaabd0 rgb(170,171,208)
```
#a5a6d5
```
#a5a6d5 rgb(165,166,213)
```
#a0a1da
```
#a0a1da rgb(160,161,218)
```
#9b9cdf
```
#9b9cdf rgb(155,156,223)
```
#9697e4
```
#9697e4 rgb(150,151,228)
```
#9192e9
```
#9192e9 rgb(145,146,233)
```
#8c8dee
```
#8c8dee rgb(140,141,238)
```
#8788f3
```
#8788f3 rgb(135,136,243)
```
#8283f8
```
#8283f8 rgb(130,131,248)
```
#7d7efd
```
#7d7efd rgb(125,126,253)
```

Tone Color Variation

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

#89a0e8 Protanopia 1% of men
#87a1e3 Deuteranopia 1% of men
#8da7b3 Tritanopia 0.001% of the population

Trichromacy

#8d9de6 Protanomaly 1% of men, 0.01% of women
#8d9de3 Deuteranomaly 6% of men, 0.4% of women
#90a1c4 Tritanomaly 0.01% of the population

#9697e4 hex color

#9697e4 Color Information

#9697e4 Color Conversion

Color Schemes with #9697e4

Alternatives to #9697e4

#9697e4 Preview

Shades and Tints of #9697e4

Tones of #9697e4

Color Blindness Simulator