#9696fd hex color

In a RGB color space, hex #9696fd is composed of 58.8% red, 58.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 40.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 240 degrees, a saturation of 96.3% and a lightness of 79%. #9696fd color hex could be obtained by blending #ffffff with #2d2dfb. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 59
- G 59
- B 99
RGB color chart
- C 41
- M 41
- Y 0
- K 1
CMYK color chart

● #9696fd color description : Very soft blue.

The hexadecimal color #9696fd has RGB values of R:150, G:150, B:253 and CMYK values of C:0.41, M:0.41, Y:0, K:0.01. Its decimal value is 9869053.

Hex triplet	9696fd	`#9696fd`
RGB Decimal	150, 150, 253	`rgb(150,150,253)`
RGB Percent	58.8, 58.8, 99.2	`rgb(58.8%,58.8%,99.2%)`
CMYK	41, 41, 0, 1
HSL	240°, 96.3, 79	`hsl(240,96.3%,79%)`
HSV (or HSB)	240°, 40.7, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	66.049, 24.775, -51.362
XYZ	41.21, 35.388, 97.582
xyY	0.237, 0.203, 35.388
CIE-LCH	66.049, 57.025, 295.751
CIE-LUV	66.049, -6.201, -85.902
Hunter-Lab	59.487, 19.554, -55.617
Binary	10010110, 10010110, 11111101

#9696fd
```
#9696fd rgb(150,150,253)
```
#fdfd96
```
#fdfd96 rgb(253,253,150)
```

Complementary Color

#96cafd
```
#96cafd rgb(150,202,253)
```
#9696fd
```
#9696fd rgb(150,150,253)
```
#ca96fd
```
#ca96fd rgb(202,150,253)
```

Analogous Color

#cafd96
```
#cafd96 rgb(202,253,150)
```
#9696fd
```
#9696fd rgb(150,150,253)
```
#fdca96
```
#fdca96 rgb(253,202,150)
```

Split Complementary Color

#96fd96
```
#96fd96 rgb(150,253,150)
```
#9696fd
```
#9696fd rgb(150,150,253)
```
#fd9696
```
#fd9696 rgb(253,150,150)
```

Triadic Color

#96fdfd
```
#96fdfd rgb(150,253,253)
```
#9696fd
```
#9696fd rgb(150,150,253)
```
#fd9696
```
#fd9696 rgb(253,150,150)
```
#fdfd96
```
#fdfd96 rgb(253,253,150)
```

Tetradic Color

#4b4bfc
```
#4b4bfc rgb(75,75,252)
```
#6464fc
```
#6464fc rgb(100,100,252)
```
#7d7dfd
```
#7d7dfd rgb(125,125,253)
```
#9696fd
```
#9696fd rgb(150,150,253)
```
#afaffd
```
#afaffd rgb(175,175,253)
```
#c8c8fe
```
#c8c8fe rgb(200,200,254)
```
#e1e1fe
```
#e1e1fe rgb(225,225,254)
```

Monochromatic Color

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

#96b0fd
```
#96b0fd rgb(150,176,253)
```
#96a7fd
```
#96a7fd rgb(150,167,253)
```
#969ffd
```
#969ffd rgb(150,159,253)
```
#9696fd
```
#9696fd rgb(150,150,253)
```
#9f96fd
```
#9f96fd rgb(159,150,253)
```
#a796fd
```
#a796fd rgb(167,150,253)
```
#b096fd
```
#b096fd rgb(176,150,253)
```

Similar Colors

Text with hexadecimal color #9696fd

This text has a font color of #9696fd.

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

#9696fd background color

This paragraph has a background color of #9696fd.

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

#9696fd border color

This element has a border color of #9696fd.

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

CSS codes

.text {color:#9696fd;}

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

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

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, #00000a is the darkest color, while #f6f6ff is the lightest one.

#00000a
```
#00000a rgb(0,0,10)
```
#01011e
```
#01011e rgb(1,1,30)
```
#010131
```
#010131 rgb(1,1,49)
```
#010144
```
#010144 rgb(1,1,68)
```
#020257
```
#020257 rgb(2,2,87)
```
#02026b
```
#02026b rgb(2,2,107)
```
#02027e
```
#02027e rgb(2,2,126)
```
#030391
```
#030391 rgb(3,3,145)
```
#0303a4
```
#0303a4 rgb(3,3,164)
```
#0303b8
```
#0303b8 rgb(3,3,184)
```
#0404cb
```
#0404cb rgb(4,4,203)
```
#0404de
```
#0404de rgb(4,4,222)
```
#0505f1
```
#0505f1 rgb(5,5,241)
```

Shade Color Variation

#0f0ffa
```
#0f0ffa rgb(15,15,250)
```
#2323fb
```
#2323fb rgb(35,35,251)
```
#3636fb
```
#3636fb rgb(54,54,251)
```
#4949fc
```
#4949fc rgb(73,73,252)
```
#5c5cfc
```
#5c5cfc rgb(92,92,252)
```
#7070fc
```
#7070fc rgb(112,112,252)
```
#8383fd
```
#8383fd rgb(131,131,253)
```
#9696fd
```
#9696fd rgb(150,150,253)
```
#a9a9fd
```
#a9a9fd rgb(169,169,253)
```
#bcbcfe
```
#bcbcfe rgb(188,188,254)
```
#d0d0fe
```
#d0d0fe rgb(208,208,254)
```
#e3e3fe
```
#e3e3fe rgb(227,227,254)
```
#f6f6ff
```
#f6f6ff rgb(246,246,255)
```

Tint Color Variation

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

#c7c7cc
```
#c7c7cc rgb(199,199,204)
```
#c3c3d0
```
#c3c3d0 rgb(195,195,208)
```
#bfbfd4
```
#bfbfd4 rgb(191,191,212)
```
#bbbbd8
```
#bbbbd8 rgb(187,187,216)
```
#b7b7dc
```
#b7b7dc rgb(183,183,220)
```
#b3b3e0
```
#b3b3e0 rgb(179,179,224)
```
#afafe4
```
#afafe4 rgb(175,175,228)
```
#ababe8
```
#ababe8 rgb(171,171,232)
```
#a6a6ed
```
#a6a6ed rgb(166,166,237)
```
#a2a2f1
```
#a2a2f1 rgb(162,162,241)
```
#9e9ef5
```
#9e9ef5 rgb(158,158,245)
```
#9a9af9
```
#9a9af9 rgb(154,154,249)
```
#9696fd
```
#9696fd rgb(150,150,253)
```

Tone Color Variation

Below, you can see how #9696fd 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
#a0a0b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ea2ff Protanopia 1% of men
#73a5f9 Deuteranopia 1% of men
#85abb7 Tritanopia 0.001% of the population

Trichromacy

#869dfe Protanomaly 1% of men, 0.01% of women
#809ffa Deuteranomaly 6% of men, 0.4% of women
#8ba3d0 Tritanomaly 0.01% of the population

#9696fd hex color

#9696fd Color Information

#9696fd Color Conversion

Color Schemes with #9696fd

Alternatives to #9696fd

#9696fd Preview

Shades and Tints of #9696fd

Tones of #9696fd

Color Blindness Simulator