#6706f5 hex color

In a RGB color space, hex #6706f5 is composed of 40.4% red, 2.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 97.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 264.4 degrees, a saturation of 95.2% and a lightness of 49.2%. #6706f5 color hex could be obtained by blending #ce0cff with #0000eb. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 40
- G 2
- B 96
RGB color chart
- C 58
- M 98
- Y 0
- K 4
CMYK color chart

● #6706f5 color description : Vivid violet.

The hexadecimal color #6706f5 has RGB values of R:103, G:6, B:245 and CMYK values of C:0.58, M:0.98, Y:0, K:0.04. Its decimal value is 6751989.

Hex triplet	6706f5	`#6706f5`
RGB Decimal	103, 6, 245	`rgb(103,6,245)`
RGB Percent	40.4, 2.4, 96.1	`rgb(40.4%,2.4%,96.1%)`
CMYK	58, 98, 0, 4
HSL	264.4°, 95.2, 49.2	`hsl(264.4,95.2%,49.2%)`
HSV (or HSB)	264.4°, 97.6, 96.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.125, 78.642, -94.041
XYZ	22.137, 9.606, 87.069
xyY	0.186, 0.081, 9.606
CIE-LCH	37.125, 122.59, 309.904
CIE-LUV	37.125, 4.5, -128.416
Hunter-Lab	30.993, 73.256, -144.867
Binary	01100111, 00000110, 11110101

#6706f5
```
#6706f5 rgb(103,6,245)
```
#94f506
```
#94f506 rgb(148,245,6)
```

Complementary Color

#061df5
```
#061df5 rgb(6,29,245)
```
#6706f5
```
#6706f5 rgb(103,6,245)
```
#df06f5
```
#df06f5 rgb(223,6,245)
```

Analogous Color

#1df506
```
#1df506 rgb(29,245,6)
```
#6706f5
```
#6706f5 rgb(103,6,245)
```
#f5df06
```
#f5df06 rgb(245,223,6)
```

Split Complementary Color

#06f567
```
#06f567 rgb(6,245,103)
```
#6706f5
```
#6706f5 rgb(103,6,245)
```
#f56706
```
#f56706 rgb(245,103,6)
```

Triadic Color

#0694f5
```
#0694f5 rgb(6,148,245)
```
#6706f5
```
#6706f5 rgb(103,6,245)
```
#f56706
```
#f56706 rgb(245,103,6)
```
#94f506
```
#94f506 rgb(148,245,6)
```

Tetradic Color

#4804aa
```
#4804aa rgb(72,4,170)
```
#5205c3
```
#5205c3 rgb(82,5,195)
```
#5d05dc
```
#5d05dc rgb(93,5,220)
```
#6706f5
```
#6706f5 rgb(103,6,245)
```
#751bf9
```
#751bf9 rgb(117,27,249)
```
#8434fa
```
#8434fa rgb(132,52,250)
```
#934dfb
```
#934dfb rgb(147,77,251)
```

Monochromatic Color

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

#2b06f5
```
#2b06f5 rgb(43,6,245)
```
#3f06f5
```
#3f06f5 rgb(63,6,245)
```
#5306f5
```
#5306f5 rgb(83,6,245)
```
#6706f5
```
#6706f5 rgb(103,6,245)
```
#7b06f5
```
#7b06f5 rgb(123,6,245)
```
#8f06f5
```
#8f06f5 rgb(143,6,245)
```
#a306f5
```
#a306f5 rgb(163,6,245)
```

Similar Colors

Text with hexadecimal color #6706f5

This text has a font color of #6706f5.

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

#6706f5 background color

This paragraph has a background color of #6706f5.

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

#6706f5 border color

This element has a border color of #6706f5.

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

CSS codes

.text {color:#6706f5;}

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

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

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, #06000f is the darkest color, while #fdfbff is the lightest one.

#06000f
```
#06000f rgb(6,0,15)
```
#0e0122
```
#0e0122 rgb(14,1,34)
```
#170136
```
#170136 rgb(23,1,54)
```
#1f0249
```
#1f0249 rgb(31,2,73)
```
#27025c
```
#27025c rgb(39,2,92)
```
#2f036f
```
#2f036f rgb(47,3,111)
```
#370382
```
#370382 rgb(55,3,130)
```
#3f0495
```
#3f0495 rgb(63,4,149)
```
#4704a8
```
#4704a8 rgb(71,4,168)
```
#4f05bc
```
#4f05bc rgb(79,5,188)
```
#5705cf
```
#5705cf rgb(87,5,207)
```
#5f06e2
```
#5f06e2 rgb(95,6,226)
```
#6706f5
```
#6706f5 rgb(103,6,245)
```

Shade Color Variation

#7215f9
```
#7215f9 rgb(114,21,249)
```
#7d28fa
```
#7d28fa rgb(125,40,250)
```
#893cfa
```
#893cfa rgb(137,60,250)
```
#954ffb
```
#954ffb rgb(149,79,251)
```
#a062fb
```
#a062fb rgb(160,98,251)
```
#ac75fc
```
#ac75fc rgb(172,117,252)
```
#b788fc
```
#b788fc rgb(183,136,252)
```
#c39bfd
```
#c39bfd rgb(195,155,253)
```
#ceaffd
```
#ceaffd rgb(206,175,253)
```
#dac2fd
```
#dac2fd rgb(218,194,253)
```
#e6d5fe
```
#e6d5fe rgb(230,213,254)
```
#f1e8fe
```
#f1e8fe rgb(241,232,254)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#7d7a81
```
#7d7a81 rgb(125,122,129)
```
#7b708b
```
#7b708b rgb(123,112,139)
```
#796794
```
#796794 rgb(121,103,148)
```
#775d9e
```
#775d9e rgb(119,93,158)
```
#7653a8
```
#7653a8 rgb(118,83,168)
```
#744ab1
```
#744ab1 rgb(116,74,177)
```
#7240bb
```
#7240bb rgb(114,64,187)
```
#7036c5
```
#7036c5 rgb(112,54,197)
```
#6e2dce
```
#6e2dce rgb(110,45,206)
```
#6c23d8
```
#6c23d8 rgb(108,35,216)
```
#6b19e2
```
#6b19e2 rgb(107,25,226)
```
#6910eb
```
#6910eb rgb(105,16,235)
```
#6706f5
```
#6706f5 rgb(103,6,245)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#463363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#056971 Tritanopia 0.001% of the population

Trichromacy

#253dcc Protanomaly 1% of men, 0.01% of women
#2541bc Deuteranomaly 6% of men, 0.4% of women
#2945a1 Tritanomaly 0.01% of the population

#6706f5 hex color

#6706f5 Color Information

#6706f5 Color Conversion

Color Schemes with #6706f5

Alternatives to #6706f5

#6706f5 Preview

Shades and Tints of #6706f5

Tones of #6706f5

Color Blindness Simulator