#9697f6 hex color

In a RGB color space, hex #9697f6 is composed of 58.8% red, 59.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 38.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 239.4 degrees, a saturation of 84.2% and a lightness of 77.6%. #9697f6 color hex could be obtained by blending #ffffff with #2d2fed. Closest websafe color is: #9999ff.

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

● #9697f6 color description : Very soft blue.

The hexadecimal color #9697f6 has RGB values of R:150, G:151, B:246 and CMYK values of C:0.39, M:0.39, Y:0, K:0.04. Its decimal value is 9869302.

Hex triplet	9697f6	`#9697f6`
RGB Decimal	150, 151, 246	`rgb(150,151,246)`
RGB Percent	58.8, 59.2, 96.5	`rgb(58.8%,59.2%,96.5%)`
CMYK	39, 39, 0, 4
HSL	239.4°, 84.2, 77.6	`hsl(239.4,84.2%,77.6%)`
HSV (or HSB)	239.4°, 39, 96.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	65.958, 22.284, -47.68
XYZ	40.276, 35.27, 91.869
xyY	0.241, 0.211, 35.27
CIE-LCH	65.958, 52.63, 295.05
CIE-LUV	65.958, -6.149, -79.443
Hunter-Lab	59.389, 17.123, -50.145
Binary	10010110, 10010111, 11110110

#9697f6
```
#9697f6 rgb(150,151,246)
```
#f6f596
```
#f6f596 rgb(246,245,150)
```

Complementary Color

#96c7f6
```
#96c7f6 rgb(150,199,246)
```
#9697f6
```
#9697f6 rgb(150,151,246)
```
#c596f6
```
#c596f6 rgb(197,150,246)
```

Analogous Color

#c7f696
```
#c7f696 rgb(199,246,150)
```
#9697f6
```
#9697f6 rgb(150,151,246)
```
#f6c596
```
#f6c596 rgb(246,197,150)
```

Split Complementary Color

#97f696
```
#97f696 rgb(151,246,150)
```
#9697f6
```
#9697f6 rgb(150,151,246)
```
#f69697
```
#f69697 rgb(246,150,151)
```

Triadic Color

#96f6f5
```
#96f6f5 rgb(150,246,245)
```
#9697f6
```
#9697f6 rgb(150,151,246)
```
#f69697
```
#f69697 rgb(246,150,151)
```
#f6f596
```
#f6f596 rgb(246,245,150)
```

Tetradic Color

#5051f0
```
#5051f0 rgb(80,81,240)
```
#6768f2
```
#6768f2 rgb(103,104,242)
```
#7f80f4
```
#7f80f4 rgb(127,128,244)
```
#9697f6
```
#9697f6 rgb(150,151,246)
```
#adaef8
```
#adaef8 rgb(173,174,248)
```
#c5c6fa
```
#c5c6fa rgb(197,198,250)
```
#dcddfc
```
#dcddfc rgb(220,221,252)
```

Monochromatic Color

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

#96aff6
```
#96aff6 rgb(150,175,246)
```
#96a7f6
```
#96a7f6 rgb(150,167,246)
```
#969ff6
```
#969ff6 rgb(150,159,246)
```
#9697f6
```
#9697f6 rgb(150,151,246)
```
#9d96f6
```
#9d96f6 rgb(157,150,246)
```
#a596f6
```
#a596f6 rgb(165,150,246)
```
#ad96f6
```
#ad96f6 rgb(173,150,246)
```

Similar Colors

Text with hexadecimal color #9697f6

This text has a font color of #9697f6.

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

#9697f6 background color

This paragraph has a background color of #9697f6.

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

#9697f6 border color

This element has a border color of #9697f6.

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

CSS codes

.text {color:#9697f6;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#020215
```
#020215 rgb(2,2,21)
```
#030428
```
#030428 rgb(3,4,40)
```
#05053a
```
#05053a rgb(5,5,58)
```
#06074c
```
#06074c rgb(6,7,76)
```
#08095e
```
#08095e rgb(8,9,94)
```
#0a0b70
```
#0a0b70 rgb(10,11,112)
```
#0b0c82
```
#0b0c82 rgb(11,12,130)
```
#0d0e94
```
#0d0e94 rgb(13,14,148)
```
#0e10a6
```
#0e10a6 rgb(14,16,166)
```
#1012b8
```
#1012b8 rgb(16,18,184)
```
#1113ca
```
#1113ca rgb(17,19,202)
```
#1315dc
```
#1315dc rgb(19,21,220)
```

Shade Color Variation

#181aeb
```
#181aeb rgb(24,26,235)
```
#2a2ced
```
#2a2ced rgb(42,44,237)
```
#3c3eee
```
#3c3eee rgb(60,62,238)
```
#4e4ff0
```
#4e4ff0 rgb(78,79,240)
```
#6061f1
```
#6061f1 rgb(96,97,241)
```
#7273f3
```
#7273f3 rgb(114,115,243)
```
#8485f4
```
#8485f4 rgb(132,133,244)
```
#9697f6
```
#9697f6 rgb(150,151,246)
```
#a8a9f8
```
#a8a9f8 rgb(168,169,248)
```
#babbf9
```
#babbf9 rgb(186,187,249)
```
#cccdfb
```
#cccdfb rgb(204,205,251)
```
#dedffc
```
#dedffc rgb(222,223,252)
```
#f0f0fe
```
#f0f0fe rgb(240,240,254)
```

Tint Color Variation

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

#c2c2ca
```
#c2c2ca rgb(194,194,202)
```
#bdbecf
```
#bdbecf rgb(189,190,207)
```
#b9b9d3
```
#b9b9d3 rgb(185,185,211)
```
#b5b5d7
```
#b5b5d7 rgb(181,181,215)
```
#b0b1dc
```
#b0b1dc rgb(176,177,220)
```
#acace0
```
#acace0 rgb(172,172,224)
```
#a8a8e4
```
#a8a8e4 rgb(168,168,228)
```
#a3a4e9
```
#a3a4e9 rgb(163,164,233)
```
#9fa0ed
```
#9fa0ed rgb(159,160,237)
```
#9a9bf2
```
#9a9bf2 rgb(154,155,242)
```
#9697f6
```
#9697f6 rgb(150,151,246)
```
#9293fa
```
#9293fa rgb(146,147,250)
```
#8d8eff
```
#8d8eff rgb(141,142,255)
```

Tone Color Variation

Below, you can see how #9697f6 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
#a0a0b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80a2fa Protanopia 1% of men
#7ba4f3 Deuteranopia 1% of men
#88aab7 Tritanopia 0.001% of the population

Trichromacy

#889ef9 Protanomaly 1% of men, 0.01% of women
#849ff4 Deuteranomaly 6% of men, 0.4% of women
#8da3cd Tritanomaly 0.01% of the population

#9697f6 hex color

#9697f6 Color Information

#9697f6 Color Conversion

Color Schemes with #9697f6

Alternatives to #9697f6

#9697f6 Preview

Shades and Tints of #9697f6

Tones of #9697f6

Color Blindness Simulator