#682afa hex color

In a RGB color space, hex #682afa is composed of 40.8% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 257.9 degrees, a saturation of 95.4% and a lightness of 57.3%. #682afa color hex could be obtained by blending #d054ff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 16
- B 98
RGB color chart
- C 58
- M 83
- Y 0
- K 2
CMYK color chart

● #682afa color description : Bright violet.

The hexadecimal color #682afa has RGB values of R:104, G:42, B:250 and CMYK values of C:0.58, M:0.83, Y:0, K:0.02. Its decimal value is 6826746.

Hex triplet	682afa	`#682afa`
RGB Decimal	104, 42, 250	`rgb(104,42,250)`
RGB Percent	40.8, 16.5, 98	`rgb(40.8%,16.5%,98%)`
CMYK	58, 83, 0, 2
HSL	257.9°, 95.4, 57.3	`hsl(257.9,95.4%,57.3%)`
HSV (or HSB)	257.9°, 83.2, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.411, 71.951, -91.408
XYZ	23.789, 11.5, 91.404
xyY	0.188, 0.091, 11.5
CIE-LCH	40.411, 116.328, 308.208
CIE-LUV	40.411, 2.313, -130.47
Hunter-Lab	33.912, 65.869, -136.065
Binary	01101000, 00101010, 11111010

#682afa
```
#682afa rgb(104,42,250)
```
#bcfa2a
```
#bcfa2a rgb(188,250,42)
```

Complementary Color

#2a54fa
```
#2a54fa rgb(42,84,250)
```
#682afa
```
#682afa rgb(104,42,250)
```
#d02afa
```
#d02afa rgb(208,42,250)
```

Analogous Color

#54fa2a
```
#54fa2a rgb(84,250,42)
```
#682afa
```
#682afa rgb(104,42,250)
```
#fad02a
```
#fad02a rgb(250,208,42)
```

Split Complementary Color

#2afa68
```
#2afa68 rgb(42,250,104)
```
#682afa
```
#682afa rgb(104,42,250)
```
#fa682a
```
#fa682a rgb(250,104,42)
```

Triadic Color

#2abcfa
```
#2abcfa rgb(42,188,250)
```
#682afa
```
#682afa rgb(104,42,250)
```
#fa682a
```
#fa682a rgb(250,104,42)
```
#bcfa2a
```
#bcfa2a rgb(188,250,42)
```

Tetradic Color

#4205d3
```
#4205d3 rgb(66,5,211)
```
#4a06eb
```
#4a06eb rgb(74,6,235)
```
#5611f9
```
#5611f9 rgb(86,17,249)
```
#682afa
```
#682afa rgb(104,42,250)
```
#7a43fb
```
#7a43fb rgb(122,67,251)
```
#8b5cfb
```
#8b5cfb rgb(139,92,251)
```
#9d75fc
```
#9d75fc rgb(157,117,252)
```

Monochromatic Color

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

#342afa
```
#342afa rgb(52,42,250)
```
#452afa
```
#452afa rgb(69,42,250)
```
#572afa
```
#572afa rgb(87,42,250)
```
#682afa
```
#682afa rgb(104,42,250)
```
#792afa
```
#792afa rgb(121,42,250)
```
#8b2afa
```
#8b2afa rgb(139,42,250)
```
#9c2afa
```
#9c2afa rgb(156,42,250)
```

Similar Colors

Text with hexadecimal color #682afa

This text has a font color of #682afa.

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

#682afa background color

This paragraph has a background color of #682afa.

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

#682afa border color

This element has a border color of #682afa.

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

CSS codes

.text {color:#682afa;}

.background {background-color:#682afa;}

.border {border:1px solid #682afa;}

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

#050011
```
#050011 rgb(5,0,17)
```
#0b0124
```
#0b0124 rgb(11,1,36)
```
#110137
```
#110137 rgb(17,1,55)
```
#17024a
```
#17024a rgb(23,2,74)
```
#1d025e
```
#1d025e rgb(29,2,94)
```
#230371
```
#230371 rgb(35,3,113)
```
#2a0384
```
#2a0384 rgb(42,3,132)
```
#300497
```
#300497 rgb(48,4,151)
```
#3604aa
```
#3604aa rgb(54,4,170)
```
#3c04bd
```
#3c04bd rgb(60,4,189)
```
#4205d1
```
#4205d1 rgb(66,5,209)
```
#4805e4
```
#4805e4 rgb(72,5,228)
```
#4e06f7
```
#4e06f7 rgb(78,6,247)
```

Shade Color Variation

#5a17fa
```
#5a17fa rgb(90,23,250)
```
#682afa
```
#682afa rgb(104,42,250)
```
#763dfa
```
#763dfa rgb(118,61,250)
```
#8350fb
```
#8350fb rgb(131,80,251)
```
#9163fb
```
#9163fb rgb(145,99,251)
```
#9e77fc
```
#9e77fc rgb(158,119,252)
```
#ac8afc
```
#ac8afc rgb(172,138,252)
```
#ba9dfd
```
#ba9dfd rgb(186,157,253)
```
#c7b0fd
```
#c7b0fd rgb(199,176,253)
```
#d5c3fe
```
#d5c3fe rgb(213,195,254)
```
#e2d6fe
```
#e2d6fe rgb(226,214,254)
```
#f0eafe
```
#f0eafe rgb(240,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#918f95
```
#918f95 rgb(145,143,149)
```
#8d869e
```
#8d869e rgb(141,134,158)
```
#8a7ea6
```
#8a7ea6 rgb(138,126,166)
```
#8675af
```
#8675af rgb(134,117,175)
```
#836db7
```
#836db7 rgb(131,109,183)
```
#8065bf
```
#8065bf rgb(128,101,191)
```
#7c5cc8
```
#7c5cc8 rgb(124,92,200)
```
#7954d0
```
#7954d0 rgb(121,84,208)
```
#764cd8
```
#764cd8 rgb(118,76,216)
```
#7243e1
```
#7243e1 rgb(114,67,225)
```
#6f3be9
```
#6f3be9 rgb(111,59,233)
```
#6b32f2
```
#6b32f2 rgb(107,50,242)
```
#682afa
```
#682afa rgb(104,42,250)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#584c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#087179 Tritanopia 0.001% of the population

Trichromacy

#254fd7 Protanomaly 1% of men, 0.01% of women
#2553c6 Deuteranomaly 6% of men, 0.4% of women
#2b57a8 Tritanomaly 0.01% of the population

#682afa hex color

#682afa Color Information

#682afa Color Conversion

Color Schemes with #682afa

Alternatives to #682afa

#682afa Preview

Shades and Tints of #682afa

Tones of #682afa

Color Blindness Simulator