#9687f5 hex color

In a RGB color space, hex #9687f5 is composed of 58.8% red, 52.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 44.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 248.2 degrees, a saturation of 84.6% and a lightness of 74.5%. #9687f5 color hex could be obtained by blending #ffffff with #2d0feb. Closest websafe color is: #9999ff.

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

● #9687f5 color description : Very soft blue.

The hexadecimal color #9687f5 has RGB values of R:150, G:135, B:245 and CMYK values of C:0.39, M:0.45, Y:0, K:0.04. Its decimal value is 9865205.

Hex triplet	9687f5	`#9687f5`
RGB Decimal	150, 135, 245	`rgb(150,135,245)`
RGB Percent	58.8, 52.9, 96.1	`rgb(58.8%,52.9%,96.1%)`
CMYK	39, 45, 0, 4
HSL	248.2°, 84.6, 74.5	`hsl(248.2,84.6%,74.5%)`
HSV (or HSB)	248.2°, 44.9, 96.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.001, 31.224, -53.394
XYZ	37.72, 30.404, 90.262
xyY	0.238, 0.192, 30.404
CIE-LCH	62.001, 61.854, 300.318
CIE-LUV	62.001, -0.402, -89.016
Hunter-Lab	55.14, 25.614, -58.458
Binary	10010110, 10000111, 11110101

#9687f5
```
#9687f5 rgb(150,135,245)
```
#e6f587
```
#e6f587 rgb(230,245,135)
```

Complementary Color

#87aff5
```
#87aff5 rgb(135,175,245)
```
#9687f5
```
#9687f5 rgb(150,135,245)
```
#cd87f5
```
#cd87f5 rgb(205,135,245)
```

Analogous Color

#aff587
```
#aff587 rgb(175,245,135)
```
#9687f5
```
#9687f5 rgb(150,135,245)
```
#f5cd87
```
#f5cd87 rgb(245,205,135)
```

Split Complementary Color

#87f596
```
#87f596 rgb(135,245,150)
```
#9687f5
```
#9687f5 rgb(150,135,245)
```
#f59687
```
#f59687 rgb(245,150,135)
```

Triadic Color

#87e6f5
```
#87e6f5 rgb(135,230,245)
```
#9687f5
```
#9687f5 rgb(150,135,245)
```
#f59687
```
#f59687 rgb(245,150,135)
```
#e6f587
```
#e6f587 rgb(230,245,135)
```

Tetradic Color

#5840ef
```
#5840ef rgb(88,64,239)
```
#6d58f1
```
#6d58f1 rgb(109,88,241)
```
#816ff3
```
#816ff3 rgb(129,111,243)
```
#9687f5
```
#9687f5 rgb(150,135,245)
```
#ab9ff7
```
#ab9ff7 rgb(171,159,247)
```
#bfb6f9
```
#bfb6f9 rgb(191,182,249)
```
#d4cefb
```
#d4cefb rgb(212,206,251)
```

Monochromatic Color

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

#8794f5
```
#8794f5 rgb(135,148,245)
```
#878af5
```
#878af5 rgb(135,138,245)
```
#8d87f5
```
#8d87f5 rgb(141,135,245)
```
#9687f5
```
#9687f5 rgb(150,135,245)
```
#9f87f5
```
#9f87f5 rgb(159,135,245)
```
#a887f5
```
#a887f5 rgb(168,135,245)
```
#b287f5
```
#b287f5 rgb(178,135,245)
```

Similar Colors

Text with hexadecimal color #9687f5

This text has a font color of #9687f5.

<span style="color:#9687f5;">Text here</span>

#9687f5 background color

This paragraph has a background color of #9687f5.

<p style="background-color:#9687f5;">Content here</p>

#9687f5 border color

This element has a border color of #9687f5.

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

CSS codes

.text {color:#9687f5;}

.background {background-color:#9687f5;}

.border {border:1px solid #9687f5;}

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

#010107
```
#010107 rgb(1,1,7)
```
#050219
```
#050219 rgb(5,2,25)
```
#09042b
```
#09042b rgb(9,4,43)
```
#0d053d
```
#0d053d rgb(13,5,61)
```
#10074f
```
#10074f rgb(16,7,79)
```
#140861
```
#140861 rgb(20,8,97)
```
#180a73
```
#180a73 rgb(24,10,115)
```
#1c0b85
```
#1c0b85 rgb(28,11,133)
```
#200d98
```
#200d98 rgb(32,13,152)
```
#230eaa
```
#230eaa rgb(35,14,170)
```
#2710bc
```
#2710bc rgb(39,16,188)
```
#2b11ce
```
#2b11ce rgb(43,17,206)
```
#2f13e0
```
#2f13e0 rgb(47,19,224)
```

Shade Color Variation

#371aec
```
#371aec rgb(55,26,236)
```
#472ced
```
#472ced rgb(71,44,237)
```
#573fef
```
#573fef rgb(87,63,239)
```
#6651f0
```
#6651f0 rgb(102,81,240)
```
#7663f2
```
#7663f2 rgb(118,99,242)
```
#8675f3
```
#8675f3 rgb(134,117,243)
```
#9687f5
```
#9687f5 rgb(150,135,245)
```
#a699f7
```
#a699f7 rgb(166,153,247)
```
#b6abf8
```
#b6abf8 rgb(182,171,248)
```
#c6bdfa
```
#c6bdfa rgb(198,189,250)
```
#d5cffb
```
#d5cffb rgb(213,207,251)
```
#e5e2fd
```
#e5e2fd rgb(229,226,253)
```
#f5f4fe
```
#f5f4fe rgb(245,244,254)
```

Tint Color Variation

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

#bebebe
```
#bebebe rgb(190,190,190)
```
#bab9c3
```
#bab9c3 rgb(186,185,195)
```
#b7b4c8
```
#b7b4c8 rgb(183,180,200)
```
#b3afcd
```
#b3afcd rgb(179,175,205)
```
#afaad2
```
#afaad2 rgb(175,170,210)
```
#aca5d7
```
#aca5d7 rgb(172,165,215)
```
#a8a0dc
```
#a8a0dc rgb(168,160,220)
```
#a59be1
```
#a59be1 rgb(165,155,225)
```
#a196e6
```
#a196e6 rgb(161,150,230)
```
#9d91eb
```
#9d91eb rgb(157,145,235)
```
#9a8cf0
```
#9a8cf0 rgb(154,140,240)
```
#9687f5
```
#9687f5 rgb(150,135,245)
```
#9282fa
```
#9282fa rgb(146,130,250)
```

Tone Color Variation

Below, you can see how #9687f5 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

#989898 Achromatopsia 0.005% of the population
#9895ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#6997fe Protanopia 1% of men
#639bef Deuteranopia 1% of men
#859faa Tritanopia 0.001% of the population

Trichromacy

#7991fa Protanomaly 1% of men, 0.01% of women
#7594f1 Deuteranomaly 6% of men, 0.4% of women
#8b96c5 Tritanomaly 0.01% of the population

#9687f5 hex color

#9687f5 Color Information

#9687f5 Color Conversion

Color Schemes with #9687f5

Alternatives to #9687f5

#9687f5 Preview

Shades and Tints of #9687f5

Tones of #9687f5

Color Blindness Simulator