#6700ff hex color

In a RGB color space, hex #6700ff is composed of 40.4% red, 0% green and 100% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 100% magenta, 0% yellow and 0% black. It has a hue angle of 264.2 degrees, a saturation of 100% and a lightness of 50%. #6700ff color hex could be obtained by blending #ce00ff with #0000ff. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 40
- G 0
- B 100
RGB color chart
- C 60
- M 100
- Y 0
- K 0
CMYK color chart

● #6700ff color description : Pure (or mostly pure) violet.

The hexadecimal color #6700ff has RGB values of R:103, G:0, B:255 and CMYK values of C:0.6, M:1, Y:0, K:0. Its decimal value is 6750463.

Hex triplet	6700ff	`#6700ff`
RGB Decimal	103, 0, 255	`rgb(103,0,255)`
RGB Percent	40.4, 0, 100	`rgb(40.4%,0%,100%)`
CMYK	60, 100, 0, 0
HSL	264.2°, 100, 50	`hsl(264.2,100%,50%)`
HSV (or HSB)	264.2°, 100, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.026, 81.57, -98.167
XYZ	23.64, 10.103, 95.307
xyY	0.183, 0.078, 10.103
CIE-LCH	38.026, 127.634, 309.724
CIE-LUV	38.026, 3.577, -134.038
Hunter-Lab	31.785, 77.136, -155.53
Binary	01100111, 00000000, 11111111

#6700ff
```
#6700ff rgb(103,0,255)
```
#98ff00
```
#98ff00 rgb(152,255,0)
```

Complementary Color

#0019ff
```
#0019ff rgb(0,25,255)
```
#6700ff
```
#6700ff rgb(103,0,255)
```
#e700ff
```
#e700ff rgb(231,0,255)
```

Analogous Color

#19ff00
```
#19ff00 rgb(25,255,0)
```
#6700ff
```
#6700ff rgb(103,0,255)
```
#ffe700
```
#ffe700 rgb(255,231,0)
```

Split Complementary Color

#00ff67
```
#00ff67 rgb(0,255,103)
```
#6700ff
```
#6700ff rgb(103,0,255)
```
#ff6700
```
#ff6700 rgb(255,103,0)
```

Triadic Color

#0098ff
```
#0098ff rgb(0,152,255)
```
#6700ff
```
#6700ff rgb(103,0,255)
```
#ff6700
```
#ff6700 rgb(255,103,0)
```
#98ff00
```
#98ff00 rgb(152,255,0)
```

Tetradic Color

#4800b3
```
#4800b3 rgb(72,0,179)
```
#5200cc
```
#5200cc rgb(82,0,204)
```
#5d00e6
```
#5d00e6 rgb(93,0,230)
```
#6700ff
```
#6700ff rgb(103,0,255)
```
#761aff
```
#761aff rgb(118,26,255)
```
#8533ff
```
#8533ff rgb(133,51,255)
```
#954dff
```
#954dff rgb(149,77,255)
```

Monochromatic Color

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

#2700ff
```
#2700ff rgb(39,0,255)
```
#3c00ff
```
#3c00ff rgb(60,0,255)
```
#5200ff
```
#5200ff rgb(82,0,255)
```
#6700ff
```
#6700ff rgb(103,0,255)
```
#7c00ff
```
#7c00ff rgb(124,0,255)
```
#9200ff
```
#9200ff rgb(146,0,255)
```
#a700ff
```
#a700ff rgb(167,0,255)
```

Similar Colors

Text with hexadecimal color #6700ff

This text has a font color of #6700ff.

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

#6700ff background color

This paragraph has a background color of #6700ff.

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

#6700ff border color

This element has a border color of #6700ff.

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

CSS codes

.text {color:#6700ff;}

.background {background-color:#6700ff;}

.border {border:1px solid #6700ff;}

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

#080014
```
#080014 rgb(8,0,20)
```
#100027
```
#100027 rgb(16,0,39)
```
#18003b
```
#18003b rgb(24,0,59)
```
#20004e
```
#20004e rgb(32,0,78)
```
#280062
```
#280062 rgb(40,0,98)
```
#300076
```
#300076 rgb(48,0,118)
```
#370089
```
#370089 rgb(55,0,137)
```
#3f009d
```
#3f009d rgb(63,0,157)
```
#4700b1
```
#4700b1 rgb(71,0,177)
```
#4f00c4
```
#4f00c4 rgb(79,0,196)
```
#5700d8
```
#5700d8 rgb(87,0,216)
```
#5f00eb
```
#5f00eb rgb(95,0,235)
```
#6700ff
```
#6700ff rgb(103,0,255)
```

Shade Color Variation

#7314ff
```
#7314ff rgb(115,20,255)
```
#7e27ff
```
#7e27ff rgb(126,39,255)
```
#8a3bff
```
#8a3bff rgb(138,59,255)
```
#964eff
```
#964eff rgb(150,78,255)
```
#a162ff
```
#a162ff rgb(161,98,255)
```
#ad76ff
```
#ad76ff rgb(173,118,255)
```
#b989ff
```
#b989ff rgb(185,137,255)
```
#c59dff
```
#c59dff rgb(197,157,255)
```
#d0b1ff
```
#d0b1ff rgb(208,177,255)
```
#dcc4ff
```
#dcc4ff rgb(220,196,255)
```
#e8d8ff
```
#e8d8ff rgb(232,216,255)
```
#f3ebff
```
#f3ebff rgb(243,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e7689
```
#7e7689 rgb(126,118,137)
```
#7c6c93
```
#7c6c93 rgb(124,108,147)
```
#7a629d
```
#7a629d rgb(122,98,157)
```
#7858a7
```
#7858a7 rgb(120,88,167)
```
#764eb1
```
#764eb1 rgb(118,78,177)
```
#7445ba
```
#7445ba rgb(116,69,186)
```
#723bc4
```
#723bc4 rgb(114,59,196)
```
#7031ce
```
#7031ce rgb(112,49,206)
```
#6f27d8
```
#6f27d8 rgb(111,39,216)
```
#6d1de2
```
#6d1de2 rgb(109,29,226)
```
#6b14eb
```
#6b14eb rgb(107,20,235)
```
#690af5
```
#690af5 rgb(105,10,245)
```
#6700ff
```
#6700ff rgb(103,0,255)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#453063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#253cd2 Protanomaly 1% of men, 0.01% of women
#2540c2 Deuteranomaly 6% of men, 0.4% of women
#2544a5 Tritanomaly 0.01% of the population

#6700ff hex color

#6700ff Color Information

#6700ff Color Conversion

Color Schemes with #6700ff

Alternatives to #6700ff

#6700ff Preview

Shades and Tints of #6700ff

Tones of #6700ff

Color Blindness Simulator