#7018cc hex color

In a RGB color space, hex #7018cc is composed of 43.9% red, 9.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 88.2% magenta, 0% yellow and 20% black. It has a hue angle of 269.3 degrees, a saturation of 78.9% and a lightness of 44.7%. #7018cc color hex could be obtained by blending #e030ff with #000099. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 44
- G 9
- B 80
RGB color chart
- C 45
- M 88
- Y 0
- K 20
CMYK color chart

● #7018cc color description : Strong violet.

The hexadecimal color #7018cc has RGB values of R:112, G:24, B:204 and CMYK values of C:0.45, M:0.88, Y:0, K:0.2. Its decimal value is 7346380.

Hex triplet	7018cc	`#7018cc`
RGB Decimal	112, 24, 204	`rgb(112,24,204)`
RGB Percent	43.9, 9.4, 80	`rgb(43.9%,9.4%,80%)`
CMYK	45, 88, 0, 20
HSL	269.3°, 78.9, 44.7	`hsl(269.3,78.9%,44.7%)`
HSV (or HSB)	269.3°, 88.2, 80
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.918, 67.155, -74.161
XYZ	17.906, 8.458, 57.813
xyY	0.213, 0.1, 8.458
CIE-LCH	34.918, 100.048, 312.162
CIE-LUV	34.918, 12.368, -104.009
Hunter-Lab	29.082, 59.01, -97.506
Binary	01110000, 00011000, 11001100

#7018cc
```
#7018cc rgb(112,24,204)
```
#74cc18
```
#74cc18 rgb(116,204,24)
```

Complementary Color

#181acc
```
#181acc rgb(24,26,204)
```
#7018cc
```
#7018cc rgb(112,24,204)
```
#ca18cc
```
#ca18cc rgb(202,24,204)
```

Analogous Color

#1acc18
```
#1acc18 rgb(26,204,24)
```
#7018cc
```
#7018cc rgb(112,24,204)
```
#ccca18
```
#ccca18 rgb(204,202,24)
```

Split Complementary Color

#18cc70
```
#18cc70 rgb(24,204,112)
```
#7018cc
```
#7018cc rgb(112,24,204)
```
#cc7018
```
#cc7018 rgb(204,112,24)
```

Triadic Color

#1874cc
```
#1874cc rgb(24,116,204)
```
#7018cc
```
#7018cc rgb(112,24,204)
```
#cc7018
```
#cc7018 rgb(204,112,24)
```
#74cc18
```
#74cc18 rgb(116,204,24)
```

Tetradic Color

#4a1088
```
#4a1088 rgb(74,16,136)
```
#57139e
```
#57139e rgb(87,19,158)
```
#6315b5
```
#6315b5 rgb(99,21,181)
```
#7018cc
```
#7018cc rgb(112,24,204)
```
#7d1be3
```
#7d1be3 rgb(125,27,227)
```
#8930e7
```
#8930e7 rgb(137,48,231)
```
#9647e9
```
#9647e9 rgb(150,71,233)
```

Monochromatic Color

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

#4318cc
```
#4318cc rgb(67,24,204)
```
#5218cc
```
#5218cc rgb(82,24,204)
```
#6118cc
```
#6118cc rgb(97,24,204)
```
#7018cc
```
#7018cc rgb(112,24,204)
```
#7f18cc
```
#7f18cc rgb(127,24,204)
```
#8e18cc
```
#8e18cc rgb(142,24,204)
```
#9d18cc
```
#9d18cc rgb(157,24,204)
```

Similar Colors

Text with hexadecimal color #7018cc

This text has a font color of #7018cc.

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

#7018cc background color

This paragraph has a background color of #7018cc.

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

#7018cc border color

This element has a border color of #7018cc.

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

CSS codes

.text {color:#7018cc;}

.background {background-color:#7018cc;}

.border {border:1px solid #7018cc;}

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, #06010b is the darkest color, while #fbf8fe is the lightest one.

#06010b
```
#06010b rgb(6,1,11)
```
#10031c
```
#10031c rgb(16,3,28)
```
#19052e
```
#19052e rgb(25,5,46)
```
#230740
```
#230740 rgb(35,7,64)
```
#2d0a51
```
#2d0a51 rgb(45,10,81)
```
#360c63
```
#360c63 rgb(54,12,99)
```
#400e74
```
#400e74 rgb(64,14,116)
```
#491086
```
#491086 rgb(73,16,134)
```
#531297
```
#531297 rgb(83,18,151)
```
#5d14a9
```
#5d14a9 rgb(93,20,169)
```
#6616ba
```
#6616ba rgb(102,22,186)
```
#7018cc
```
#7018cc rgb(112,24,204)
```
#7a1ade
```
#7a1ade rgb(122,26,222)
```

Shade Color Variation

#8326e5
```
#8326e5 rgb(131,38,229)
```
#8d37e8
```
#8d37e8 rgb(141,55,232)
```
#9749ea
```
#9749ea rgb(151,73,234)
```
#a15aec
```
#a15aec rgb(161,90,236)
```
#ab6cee
```
#ab6cee rgb(171,108,238)
```
#b57ef0
```
#b57ef0 rgb(181,126,240)
```
#bf8ff2
```
#bf8ff2 rgb(191,143,242)
```
#c9a1f4
```
#c9a1f4 rgb(201,161,244)
```
#d3b2f6
```
#d3b2f6 rgb(211,178,246)
```
#ddc4f8
```
#ddc4f8 rgb(221,196,248)
```
#e7d5fa
```
#e7d5fa rgb(231,213,250)
```
#f1e7fc
```
#f1e7fc rgb(241,231,252)
```
#fbf8fe
```
#fbf8fe rgb(251,248,254)
```

Tint Color Variation

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

#727074
```
#727074 rgb(114,112,116)
```
#72677d
```
#72677d rgb(114,103,125)
```
#725e86
```
#725e86 rgb(114,94,134)
```
#71558f
```
#71558f rgb(113,85,143)
```
#714d97
```
#714d97 rgb(113,77,151)
```
#7144a0
```
#7144a0 rgb(113,68,160)
```
#713ba9
```
#713ba9 rgb(113,59,169)
```
#7132b2
```
#7132b2 rgb(113,50,178)
```
#702aba
```
#702aba rgb(112,42,186)
```
#7021c3
```
#7021c3 rgb(112,33,195)
```
#7018cc
```
#7018cc rgb(112,24,204)
```
#700fd5
```
#700fd5 rgb(112,15,213)
```
#7006de
```
#7006de rgb(112,6,222)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4f3e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d96 Deuteranopia 1% of men
#565b62 Tritanopia 0.001% of the population

Trichromacy

#2841b7 Protanomaly 1% of men, 0.01% of women
#2844a9 Deuteranomaly 6% of men, 0.4% of women
#5f4388 Tritanomaly 0.01% of the population

#7018cc hex color

#7018cc Color Information

#7018cc Color Conversion

Color Schemes with #7018cc

Alternatives to #7018cc

#7018cc Preview

Shades and Tints of #7018cc

Tones of #7018cc

Color Blindness Simulator