#a682f8 hex color

In a RGB color space, hex #a682f8 is composed of 65.1% red, 51% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 47.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 258.3 degrees, a saturation of 89.4% and a lightness of 74.1%. #a682f8 color hex could be obtained by blending #ffffff with #4d05f1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 65
- G 51
- B 97
RGB color chart
- C 33
- M 48
- Y 0
- K 3
CMYK color chart

● #a682f8 color description : Soft violet.

The hexadecimal color #a682f8 has RGB values of R:166, G:130, B:248 and CMYK values of C:0.33, M:0.48, Y:0, K:0.03. Its decimal value is 10912504.

Hex triplet	a682f8	`#a682f8`
RGB Decimal	166, 130, 248	`rgb(166,130,248)`
RGB Percent	65.1, 51, 97.3	`rgb(65.1%,51%,97.3%)`
CMYK	33, 48, 0, 3
HSL	258.3°, 89.4, 74.1	`hsl(258.3,89.4%,74.1%)`
HSV (or HSB)	258.3°, 47.6, 97.3
Web Safe	9999ff	`#9999ff`

CIE-LAB	62.38, 38.863, -54.359
XYZ	40.649, 30.849, 92.615
xyY	0.248, 0.188, 30.849
CIE-LCH	62.38, 66.823, 305.563
CIE-LUV	62.38, 8.342, -91.591
Hunter-Lab	55.542, 33.437, -59.984
Binary	10100110, 10000010, 11111000

#a682f8
```
#a682f8 rgb(166,130,248)
```
#d4f882
```
#d4f882 rgb(212,248,130)
```

Complementary Color

#8299f8
```
#8299f8 rgb(130,153,248)
```
#a682f8
```
#a682f8 rgb(166,130,248)
```
#e182f8
```
#e182f8 rgb(225,130,248)
```

Analogous Color

#99f882
```
#99f882 rgb(153,248,130)
```
#a682f8
```
#a682f8 rgb(166,130,248)
```
#f8e182
```
#f8e182 rgb(248,225,130)
```

Split Complementary Color

#82f8a6
```
#82f8a6 rgb(130,248,166)
```
#a682f8
```
#a682f8 rgb(166,130,248)
```
#f8a682
```
#f8a682 rgb(248,166,130)
```

Triadic Color

#82d4f8
```
#82d4f8 rgb(130,212,248)
```
#a682f8
```
#a682f8 rgb(166,130,248)
```
#f8a682
```
#f8a682 rgb(248,166,130)
```
#d4f882
```
#d4f882 rgb(212,248,130)
```

Tetradic Color

#723af4
```
#723af4 rgb(114,58,244)
```
#8452f5
```
#8452f5 rgb(132,82,245)
```
#956af7
```
#956af7 rgb(149,106,247)
```
#a682f8
```
#a682f8 rgb(166,130,248)
```
#b79af9
```
#b79af9 rgb(183,154,249)
```
#c8b2fb
```
#c8b2fb rgb(200,178,251)
```
#dacafc
```
#dacafc rgb(218,202,252)
```

Monochromatic Color

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

#8982f8
```
#8982f8 rgb(137,130,248)
```
#9282f8
```
#9282f8 rgb(146,130,248)
```
#9c82f8
```
#9c82f8 rgb(156,130,248)
```
#a682f8
```
#a682f8 rgb(166,130,248)
```
#b082f8
```
#b082f8 rgb(176,130,248)
```
#ba82f8
```
#ba82f8 rgb(186,130,248)
```
#c482f8
```
#c482f8 rgb(196,130,248)
```

Similar Colors

Text with hexadecimal color #a682f8

This text has a font color of #a682f8.

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

#a682f8 background color

This paragraph has a background color of #a682f8.

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

#a682f8 border color

This element has a border color of #a682f8.

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

CSS codes

.text {color:#a682f8;}

.background {background-color:#a682f8;}

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

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

#020005
```
#020005 rgb(2,0,5)
```
#080118
```
#080118 rgb(8,1,24)
```
#0f022a
```
#0f022a rgb(15,2,42)
```
#15033d
```
#15033d rgb(21,3,61)
```
#1b044f
```
#1b044f rgb(27,4,79)
```
#220562
```
#220562 rgb(34,5,98)
```
#280774
```
#280774 rgb(40,7,116)
```
#2e0887
```
#2e0887 rgb(46,8,135)
```
#35099a
```
#35099a rgb(53,9,154)
```
#3b0aac
```
#3b0aac rgb(59,10,172)
```
#420bbf
```
#420bbf rgb(66,11,191)
```
#480cd1
```
#480cd1 rgb(72,12,209)
```
#4e0de4
```
#4e0de4 rgb(78,13,228)
```

Shade Color Variation

#5713f2
```
#5713f2 rgb(87,19,242)
```
#6425f3
```
#6425f3 rgb(100,37,243)
```
#7138f4
```
#7138f4 rgb(113,56,244)
```
#7e4af5
```
#7e4af5 rgb(126,74,245)
```
#8c5df6
```
#8c5df6 rgb(140,93,246)
```
#996ff7
```
#996ff7 rgb(153,111,247)
```
#a682f8
```
#a682f8 rgb(166,130,248)
```
#b395f9
```
#b395f9 rgb(179,149,249)
```
#c0a7fa
```
#c0a7fa rgb(192,167,250)
```
#cebafb
```
#cebafb rgb(206,186,251)
```
#dbccfc
```
#dbccfc rgb(219,204,252)
```
#e8dffd
```
#e8dffd rgb(232,223,253)
```
#f5f1fe
```
#f5f1fe rgb(245,241,254)
```

Tint Color Variation

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

#bcbac0
```
#bcbac0 rgb(188,186,192)
```
#bab5c5
```
#bab5c5 rgb(186,181,197)
```
#b8b0ca
```
#b8b0ca rgb(184,176,202)
```
#b6abcf
```
#b6abcf rgb(182,171,207)
```
#b4a6d4
```
#b4a6d4 rgb(180,166,212)
```
#b2a0da
```
#b2a0da rgb(178,160,218)
```
#b09bdf
```
#b09bdf rgb(176,155,223)
```
#ae96e4
```
#ae96e4 rgb(174,150,228)
```
#ac91e9
```
#ac91e9 rgb(172,145,233)
```
#aa8cee
```
#aa8cee rgb(170,140,238)
```
#a887f3
```
#a887f3 rgb(168,135,243)
```
#a682f8
```
#a682f8 rgb(166,130,248)
```
#a47dfd
```
#a47dfd rgb(164,125,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9c95ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b98ff Protanopia 1% of men
#659cf0 Deuteranopia 1% of men
#969ca7 Tritanopia 0.001% of the population

Trichromacy

#8090fc Protanomaly 1% of men, 0.01% of women
#7c93f3 Deuteranomaly 6% of men, 0.4% of women
#9b92c5 Tritanomaly 0.01% of the population

#a682f8 hex color

#a682f8 Color Information

#a682f8 Color Conversion

Color Schemes with #a682f8

Alternatives to #a682f8

#a682f8 Preview

Shades and Tints of #a682f8

Tones of #a682f8

Color Blindness Simulator