#a685f3 hex color

In a RGB color space, hex #a685f3 is composed of 65.1% red, 52.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 45.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 258 degrees, a saturation of 82.1% and a lightness of 73.7%. #a685f3 color hex could be obtained by blending #ffffff with #4d0be7. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 65
- G 52
- B 95
RGB color chart
- C 32
- M 45
- Y 0
- K 5
CMYK color chart

● #a685f3 color description : Soft violet.

The hexadecimal color #a685f3 has RGB values of R:166, G:133, B:243 and CMYK values of C:0.32, M:0.45, Y:0, K:0.05. Its decimal value is 10913267.

Hex triplet	a685f3	`#a685f3`
RGB Decimal	166, 133, 243	`rgb(166,133,243)`
RGB Percent	65.1, 52.2, 95.3	`rgb(65.1%,52.2%,95.3%)`
CMYK	32, 45, 0, 5
HSL	258°, 82.1, 73.7	`hsl(258,82.1%,73.7%)`
HSV (or HSB)	258°, 45.3, 95.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.804, 35.918, -50.932
XYZ	40.288, 31.353, 88.718
xyY	0.251, 0.196, 31.353
CIE-LCH	62.804, 62.323, 305.192
CIE-LUV	62.804, 7.866, -85.77
Hunter-Lab	55.994, 30.444, -54.745
Binary	10100110, 10000101, 11110011

#a685f3
```
#a685f3 rgb(166,133,243)
```
#d2f385
```
#d2f385 rgb(210,243,133)
```

Complementary Color

#859bf3
```
#859bf3 rgb(133,155,243)
```
#a685f3
```
#a685f3 rgb(166,133,243)
```
#dd85f3
```
#dd85f3 rgb(221,133,243)
```

Analogous Color

#9bf385
```
#9bf385 rgb(155,243,133)
```
#a685f3
```
#a685f3 rgb(166,133,243)
```
#f3dd85
```
#f3dd85 rgb(243,221,133)
```

Split Complementary Color

#85f3a6
```
#85f3a6 rgb(133,243,166)
```
#a685f3
```
#a685f3 rgb(166,133,243)
```
#f3a685
```
#f3a685 rgb(243,166,133)
```

Triadic Color

#85d2f3
```
#85d2f3 rgb(133,210,243)
```
#a685f3
```
#a685f3 rgb(166,133,243)
```
#f3a685
```
#f3a685 rgb(243,166,133)
```
#d2f385
```
#d2f385 rgb(210,243,133)
```

Tetradic Color

#733fec
```
#733fec rgb(115,63,236)
```
#8457ee
```
#8457ee rgb(132,87,238)
```
#956ef1
```
#956ef1 rgb(149,110,241)
```
#a685f3
```
#a685f3 rgb(166,133,243)
```
#b79cf5
```
#b79cf5 rgb(183,156,245)
```
#c8b3f8
```
#c8b3f8 rgb(200,179,248)
```
#d9cbfa
```
#d9cbfa rgb(217,203,250)
```

Monochromatic Color

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

#8b85f3
```
#8b85f3 rgb(139,133,243)
```
#9485f3
```
#9485f3 rgb(148,133,243)
```
#9d85f3
```
#9d85f3 rgb(157,133,243)
```
#a685f3
```
#a685f3 rgb(166,133,243)
```
#af85f3
```
#af85f3 rgb(175,133,243)
```
#b885f3
```
#b885f3 rgb(184,133,243)
```
#c285f3
```
#c285f3 rgb(194,133,243)
```

Similar Colors

Text with hexadecimal color #a685f3

This text has a font color of #a685f3.

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

#a685f3 background color

This paragraph has a background color of #a685f3.

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

#a685f3 border color

This element has a border color of #a685f3.

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

CSS codes

.text {color:#a685f3;}

.background {background-color:#a685f3;}

.border {border:1px solid #a685f3;}

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

#010003
```
#010003 rgb(1,0,3)
```
#080215
```
#080215 rgb(8,2,21)
```
#0e0427
```
#0e0427 rgb(14,4,39)
```
#150639
```
#150639 rgb(21,6,57)
```
#1b074a
```
#1b074a rgb(27,7,74)
```
#22095c
```
#22095c rgb(34,9,92)
```
#290b6e
```
#290b6e rgb(41,11,110)
```
#2f0d80
```
#2f0d80 rgb(47,13,128)
```
#360e92
```
#360e92 rgb(54,14,146)
```
#3c10a4
```
#3c10a4 rgb(60,16,164)
```
#4312b6
```
#4312b6 rgb(67,18,182)
```
#4a14c7
```
#4a14c7 rgb(74,20,199)
```
#5015d9
```
#5015d9 rgb(80,21,217)
```

Shade Color Variation

#581ae8
```
#581ae8 rgb(88,26,232)
```
#652cea
```
#652cea rgb(101,44,234)
```
#723eec
```
#723eec rgb(114,62,236)
```
#7f4fee
```
#7f4fee rgb(127,79,238)
```
#8c61ef
```
#8c61ef rgb(140,97,239)
```
#9973f1
```
#9973f1 rgb(153,115,241)
```
#a685f3
```
#a685f3 rgb(166,133,243)
```
#b397f5
```
#b397f5 rgb(179,151,245)
```
#c0a9f7
```
#c0a9f7 rgb(192,169,247)
```
#cdbbf8
```
#cdbbf8 rgb(205,187,248)
```
#daccfa
```
#daccfa rgb(218,204,250)
```
#e7defc
```
#e7defc rgb(231,222,252)
```
#f4f0fe
```
#f4f0fe rgb(244,240,254)
```

Tint Color Variation

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

#bbb9bf
```
#bbb9bf rgb(187,185,191)
```
#b9b3c5
```
#b9b3c5 rgb(185,179,197)
```
#b6aeca
```
#b6aeca rgb(182,174,202)
```
#b4a9cf
```
#b4a9cf rgb(180,169,207)
```
#b2a4d4
```
#b2a4d4 rgb(178,164,212)
```
#b09fd9
```
#b09fd9 rgb(176,159,217)
```
#ae9ade
```
#ae9ade rgb(174,154,222)
```
#ac94e4
```
#ac94e4 rgb(172,148,228)
```
#aa8fe9
```
#aa8fe9 rgb(170,143,233)
```
#a88aee
```
#a88aee rgb(168,138,238)
```
#a685f3
```
#a685f3 rgb(166,133,243)
```
#a480f8
```
#a480f8 rgb(164,128,248)
```
#a27bfd
```
#a27bfd rgb(162,123,253)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#9d97ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d9aff Protanopia 1% of men
#6e9ded Deuteranopia 1% of men
#989da8 Tritanopia 0.001% of the population

Trichromacy

#8292fa Protanomaly 1% of men, 0.01% of women
#8294ef Deuteranomaly 6% of men, 0.4% of women
#9d94c3 Tritanomaly 0.01% of the population

#a685f3 hex color

#a685f3 Color Information

#a685f3 Color Conversion

Color Schemes with #a685f3

Alternatives to #a685f3

#a685f3 Preview

Shades and Tints of #a685f3

Tones of #a685f3

Color Blindness Simulator