#9696df hex color

In a RGB color space, hex #9696df is composed of 58.8% red, 58.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 32.7% cyan, 32.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 240 degrees, a saturation of 53.3% and a lightness of 73.1%. #9696df color hex could be obtained by blending #ffffff with #2d2dbf. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 59
- G 59
- B 87
RGB color chart
- C 33
- M 33
- Y 0
- K 13
CMYK color chart

● #9696df color description : Very soft blue.

The hexadecimal color #9696df has RGB values of R:150, G:150, B:223 and CMYK values of C:0.33, M:0.33, Y:0, K:0.13. Its decimal value is 9869023.

Hex triplet	9696df	`#9696df`
RGB Decimal	150, 150, 223	`rgb(150,150,223)`
RGB Percent	58.8, 58.8, 87.5	`rgb(58.8%,58.8%,87.5%)`
CMYK	33, 33, 0, 13
HSL	240°, 53.3, 73.1	`hsl(240,53.3%,73.1%)`
HSV (or HSB)	240°, 32.7, 87.5
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.663, 16.741, -37.051
XYZ	36.801, 33.624, 74.359
xyY	0.254, 0.232, 33.624
CIE-LCH	64.663, 40.658, 294.315
CIE-LUV	64.663, -4.392, -60.832
Hunter-Lab	57.986, 11.809, -35.441
Binary	10010110, 10010110, 11011111

#9696df
```
#9696df rgb(150,150,223)
```
#dfdf96
```
#dfdf96 rgb(223,223,150)
```

Complementary Color

#96bbdf
```
#96bbdf rgb(150,187,223)
```
#9696df
```
#9696df rgb(150,150,223)
```
#bb96df
```
#bb96df rgb(187,150,223)
```

Analogous Color

#bbdf96
```
#bbdf96 rgb(187,223,150)
```
#9696df
```
#9696df rgb(150,150,223)
```
#dfbb96
```
#dfbb96 rgb(223,187,150)
```

Split Complementary Color

#96df96
```
#96df96 rgb(150,223,150)
```
#9696df
```
#9696df rgb(150,150,223)
```
#df9696
```
#df9696 rgb(223,150,150)
```

Triadic Color

#96dfdf
```
#96dfdf rgb(150,223,223)
```
#9696df
```
#9696df rgb(150,150,223)
```
#df9696
```
#df9696 rgb(223,150,150)
```
#dfdf96
```
#dfdf96 rgb(223,223,150)
```

Tetradic Color

#5b5bcd
```
#5b5bcd rgb(91,91,205)
```
#6f6fd3
```
#6f6fd3 rgb(111,111,211)
```
#8282d9
```
#8282d9 rgb(130,130,217)
```
#9696df
```
#9696df rgb(150,150,223)
```
#aaaae5
```
#aaaae5 rgb(170,170,229)
```
#bdbdeb
```
#bdbdeb rgb(189,189,235)
```
#d1d1f1
```
#d1d1f1 rgb(209,209,241)
```

Monochromatic Color

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

#96a8df
```
#96a8df rgb(150,168,223)
```
#96a2df
```
#96a2df rgb(150,162,223)
```
#969cdf
```
#969cdf rgb(150,156,223)
```
#9696df
```
#9696df rgb(150,150,223)
```
#9c96df
```
#9c96df rgb(156,150,223)
```
#a296df
```
#a296df rgb(162,150,223)
```
#a896df
```
#a896df rgb(168,150,223)
```

Similar Colors

Text with hexadecimal color #9696df

This text has a font color of #9696df.

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

#9696df background color

This paragraph has a background color of #9696df.

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

#9696df border color

This element has a border color of #9696df.

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

CSS codes

.text {color:#9696df;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#05050f
```
#05050f rgb(5,5,15)
```
#09091e
```
#09091e rgb(9,9,30)
```
#0e0e2d
```
#0e0e2d rgb(14,14,45)
```
#12123c
```
#12123c rgb(18,18,60)
```
#17174b
```
#17174b rgb(23,23,75)
```
#1c1c5a
```
#1c1c5a rgb(28,28,90)
```
#202069
```
#202069 rgb(32,32,105)
```
#252579
```
#252579 rgb(37,37,121)
```
#292988
```
#292988 rgb(41,41,136)
```
#2e2e97
```
#2e2e97 rgb(46,46,151)
```
#3232a6
```
#3232a6 rgb(50,50,166)
```
#3737b5
```
#3737b5 rgb(55,55,181)
```

Shade Color Variation

#3c3cc4
```
#3c3cc4 rgb(60,60,196)
```
#4b4bc8
```
#4b4bc8 rgb(75,75,200)
```
#5a5acd
```
#5a5acd rgb(90,90,205)
```
#6969d1
```
#6969d1 rgb(105,105,209)
```
#7878d6
```
#7878d6 rgb(120,120,214)
```
#8787da
```
#8787da rgb(135,135,218)
```
#9696df
```
#9696df rgb(150,150,223)
```
#a5a5e4
```
#a5a5e4 rgb(165,165,228)
```
#b4b4e8
```
#b4b4e8 rgb(180,180,232)
```
#c3c3ed
```
#c3c3ed rgb(195,195,237)
```
#d2d2f1
```
#d2d2f1 rgb(210,210,241)
```
#e1e1f6
```
#e1e1f6 rgb(225,225,246)
```
#f0f0fa
```
#f0f0fa rgb(240,240,250)
```

Tint Color Variation

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

#b6b6bf
```
#b6b6bf rgb(182,182,191)
```
#b0b0c5
```
#b0b0c5 rgb(176,176,197)
```
#ababca
```
#ababca rgb(171,171,202)
```
#a6a6cf
```
#a6a6cf rgb(166,166,207)
```
#a1a1d4
```
#a1a1d4 rgb(161,161,212)
```
#9b9bda
```
#9b9bda rgb(155,155,218)
```
#9696df
```
#9696df rgb(150,150,223)
```
#9191e4
```
#9191e4 rgb(145,145,228)
```
#8b8bea
```
#8b8bea rgb(139,139,234)
```
#8686ef
```
#8686ef rgb(134,134,239)
```
#8181f4
```
#8181f4 rgb(129,129,244)
```
#7c7cf9
```
#7c7cf9 rgb(124,124,249)
```
#7676ff
```
#7676ff rgb(118,118,255)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#9c9cab Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9fe3 Protanopia 1% of men
#89a0de Deuteranopia 1% of men
#8ea5b1 Tritanopia 0.001% of the population

Trichromacy

#8e9ce1 Protanomaly 1% of men, 0.01% of women
#8e9cde Deuteranomaly 6% of men, 0.4% of women
#919fc1 Tritanomaly 0.01% of the population

#9696df hex color

#9696df Color Information

#9696df Color Conversion

Color Schemes with #9696df

Alternatives to #9696df

#9696df Preview

Shades and Tints of #9696df

Tones of #9696df

Color Blindness Simulator