#682fff hex color

In a RGB color space, hex #682fff is composed of 40.8% red, 18.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 81.6% magenta, 0% yellow and 0% black. It has a hue angle of 256.4 degrees, a saturation of 100% and a lightness of 59.2%. #682fff color hex could be obtained by blending #d05eff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 18
- B 100
RGB color chart
- C 59
- M 82
- Y 0
- K 0
CMYK color chart

● #682fff color description : Vivid violet.

The hexadecimal color #682fff has RGB values of R:104, G:47, B:255 and CMYK values of C:0.59, M:0.82, Y:0, K:0. Its decimal value is 6828031.

Hex triplet	682fff	`#682fff`
RGB Decimal	104, 47, 255	`rgb(104,47,255)`
RGB Percent	40.8, 18.4, 100	`rgb(40.8%,18.4%,100%)`
CMYK	59, 82, 0, 0
HSL	256.4°, 100, 59.2	`hsl(256.4,100%,59.2%)`
HSV (or HSB)	256.4°, 81.6, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.525, 71.431, -92.365
XYZ	24.772, 12.195, 95.651
xyY	0.187, 0.092, 12.195
CIE-LCH	41.525, 116.763, 307.717
CIE-LUV	41.525, 1.338, -133.039
Hunter-Lab	34.922, 65.508, -137.95
Binary	01101000, 00101111, 11111111

#682fff
```
#682fff rgb(104,47,255)
```
#c6ff2f
```
#c6ff2f rgb(198,255,47)
```

Complementary Color

#2f5eff
```
#2f5eff rgb(47,94,255)
```
#682fff
```
#682fff rgb(104,47,255)
```
#d02fff
```
#d02fff rgb(208,47,255)
```

Analogous Color

#5eff2f
```
#5eff2f rgb(94,255,47)
```
#682fff
```
#682fff rgb(104,47,255)
```
#ffd02f
```
#ffd02f rgb(255,208,47)
```

Split Complementary Color

#2fff68
```
#2fff68 rgb(47,255,104)
```
#682fff
```
#682fff rgb(104,47,255)
```
#ff682f
```
#ff682f rgb(255,104,47)
```

Triadic Color

#2fc6ff
```
#2fc6ff rgb(47,198,255)
```
#682fff
```
#682fff rgb(104,47,255)
```
#ff682f
```
#ff682f rgb(255,104,47)
```
#c6ff2f
```
#c6ff2f rgb(198,255,47)
```

Tetradic Color

#3e00e2
```
#3e00e2 rgb(62,0,226)
```
#4500fb
```
#4500fb rgb(69,0,251)
```
#5516ff
```
#5516ff rgb(85,22,255)
```
#682fff
```
#682fff rgb(104,47,255)
```
#7b49ff
```
#7b49ff rgb(123,73,255)
```
#8d62ff
```
#8d62ff rgb(141,98,255)
```
#a07cff
```
#a07cff rgb(160,124,255)
```

Monochromatic Color

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

#342fff
```
#342fff rgb(52,47,255)
```
#452fff
```
#452fff rgb(69,47,255)
```
#572fff
```
#572fff rgb(87,47,255)
```
#682fff
```
#682fff rgb(104,47,255)
```
#792fff
```
#792fff rgb(121,47,255)
```
#8b2fff
```
#8b2fff rgb(139,47,255)
```
#9c2fff
```
#9c2fff rgb(156,47,255)
```

Similar Colors

Text with hexadecimal color #682fff

This text has a font color of #682fff.

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

#682fff background color

This paragraph has a background color of #682fff.

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

#682fff border color

This element has a border color of #682fff.

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

CSS codes

.text {color:#682fff;}

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

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

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

#020008
```
#020008 rgb(2,0,8)
```
#08001b
```
#08001b rgb(8,0,27)
```
#0d002f
```
#0d002f rgb(13,0,47)
```
#120043
```
#120043 rgb(18,0,67)
```
#180056
```
#180056 rgb(24,0,86)
```
#1d006a
```
#1d006a rgb(29,0,106)
```
#22007d
```
#22007d rgb(34,0,125)
```
#280091
```
#280091 rgb(40,0,145)
```
#2d00a5
```
#2d00a5 rgb(45,0,165)
```
#3300b8
```
#3300b8 rgb(51,0,184)
```
#3800cc
```
#3800cc rgb(56,0,204)
```
#3d00e0
```
#3d00e0 rgb(61,0,224)
```
#4300f3
```
#4300f3 rgb(67,0,243)
```

Shade Color Variation

#4c08ff
```
#4c08ff rgb(76,8,255)
```
#5a1bff
```
#5a1bff rgb(90,27,255)
```
#682fff
```
#682fff rgb(104,47,255)
```
#7643ff
```
#7643ff rgb(118,67,255)
```
#8456ff
```
#8456ff rgb(132,86,255)
```
#936aff
```
#936aff rgb(147,106,255)
```
#a17dff
```
#a17dff rgb(161,125,255)
```
#af91ff
```
#af91ff rgb(175,145,255)
```
#bda5ff
```
#bda5ff rgb(189,165,255)
```
#ccb8ff
```
#ccb8ff rgb(204,184,255)
```
#daccff
```
#daccff rgb(218,204,255)
```
#e8e0ff
```
#e8e0ff rgb(232,224,255)
```
#f6f3ff
```
#f6f3ff rgb(246,243,255)
```

Tint Color Variation

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

#938f9f
```
#938f9f rgb(147,143,159)
```
#9087a7
```
#9087a7 rgb(144,135,167)
```
#8c7faf
```
#8c7faf rgb(140,127,175)
```
#8977b7
```
#8977b7 rgb(137,119,183)
```
#856fbf
```
#856fbf rgb(133,111,191)
```
#8167c7
```
#8167c7 rgb(129,103,199)
```
#7e5fcf
```
#7e5fcf rgb(126,95,207)
```
#7a57d7
```
#7a57d7 rgb(122,87,215)
```
#764fdf
```
#764fdf rgb(118,79,223)
```
#7347e7
```
#7347e7 rgb(115,71,231)
```
#6f3fef
```
#6f3fef rgb(111,63,239)
```
#6c37f7
```
#6c37f7 rgb(108,55,247)
```
#682fff
```
#682fff rgb(104,47,255)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#5b5079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dad Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#2552dc Protanomaly 1% of men, 0.01% of women
#2556cb Deuteranomaly 6% of men, 0.4% of women
#255bac Tritanomaly 0.01% of the population

#682fff hex color

#682fff Color Information

#682fff Color Conversion

Color Schemes with #682fff

Alternatives to #682fff

#682fff Preview

Shades and Tints of #682fff

Tones of #682fff

Color Blindness Simulator