#5100cc hex color

In a RGB color space, hex #5100cc is composed of 31.8% red, 0% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 100% magenta, 0% yellow and 20% black. It has a hue angle of 263.8 degrees, a saturation of 100% and a lightness of 40%. #5100cc color hex could be obtained by blending #a200ff with #000099. Closest websafe color is: #6600cc.

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

● #5100cc color description : Strong violet.

The hexadecimal color #5100cc has RGB values of R:81, G:0, B:204 and CMYK values of C:0.6, M:1, Y:0, K:0.2. Its decimal value is 5308620.

Hex triplet	5100cc	`#5100cc`
RGB Decimal	81, 0, 204	`rgb(81,0,204)`
RGB Percent	31.8, 0, 80	`rgb(31.8%,0%,80%)`
CMYK	60, 100, 0, 20
HSL	263.8°, 100, 40	`hsl(263.8,100%,40%)`
HSV (or HSB)	263.8°, 100, 80
Web Safe	6600cc	`#6600cc`

CIE-LAB	29.685, 68.955, -82.938
XYZ	14.29, 6.109, 57.549
xyY	0.183, 0.078, 6.109
CIE-LCH	29.685, 107.859, 309.74
CIE-LUV	29.685, 2.84, -104.571
Hunter-Lab	24.715, 59.956, -120.755
Binary	01010001, 00000000, 11001100

#5100cc
```
#5100cc rgb(81,0,204)
```
#7bcc00
```
#7bcc00 rgb(123,204,0)
```

Complementary Color

#0015cc
```
#0015cc rgb(0,21,204)
```
#5100cc
```
#5100cc rgb(81,0,204)
```
#b700cc
```
#b700cc rgb(183,0,204)
```

Analogous Color

#15cc00
```
#15cc00 rgb(21,204,0)
```
#5100cc
```
#5100cc rgb(81,0,204)
```
#ccb700
```
#ccb700 rgb(204,183,0)
```

Split Complementary Color

#00cc51
```
#00cc51 rgb(0,204,81)
```
#5100cc
```
#5100cc rgb(81,0,204)
```
#cc5100
```
#cc5100 rgb(204,81,0)
```

Triadic Color

#007bcc
```
#007bcc rgb(0,123,204)
```
#5100cc
```
#5100cc rgb(81,0,204)
```
#cc5100
```
#cc5100 rgb(204,81,0)
```
#7bcc00
```
#7bcc00 rgb(123,204,0)
```

Tetradic Color

#330080
```
#330080 rgb(51,0,128)
```
#3d0099
```
#3d0099 rgb(61,0,153)
```
#4700b3
```
#4700b3 rgb(71,0,179)
```
#5100cc
```
#5100cc rgb(81,0,204)
```
#5b00e6
```
#5b00e6 rgb(91,0,230)
```
#6500ff
```
#6500ff rgb(101,0,255)
```
#751aff
```
#751aff rgb(117,26,255)
```

Monochromatic Color

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

#1e00cc
```
#1e00cc rgb(30,0,204)
```
#2f00cc
```
#2f00cc rgb(47,0,204)
```
#4000cc
```
#4000cc rgb(64,0,204)
```
#5100cc
```
#5100cc rgb(81,0,204)
```
#6200cc
```
#6200cc rgb(98,0,204)
```
#7300cc
```
#7300cc rgb(115,0,204)
```
#8400cc
```
#8400cc rgb(132,0,204)
```

Similar Colors

Text with hexadecimal color #5100cc

This text has a font color of #5100cc.

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

#5100cc background color

This paragraph has a background color of #5100cc.

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

#5100cc border color

This element has a border color of #5100cc.

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

CSS codes

.text {color:#5100cc;}

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

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

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

#030008
```
#030008 rgb(3,0,8)
```
#0b001b
```
#0b001b rgb(11,0,27)
```
#13002f
```
#13002f rgb(19,0,47)
```
#1a0043
```
#1a0043 rgb(26,0,67)
```
#220056
```
#220056 rgb(34,0,86)
```
#2a006a
```
#2a006a rgb(42,0,106)
```
#32007e
```
#32007e rgb(50,0,126)
```
#3a0091
```
#3a0091 rgb(58,0,145)
```
#4100a5
```
#4100a5 rgb(65,0,165)
```
#4900b8
```
#4900b8 rgb(73,0,184)
```
#5100cc
```
#5100cc rgb(81,0,204)
```
#5900e0
```
#5900e0 rgb(89,0,224)
```
#6100f3
```
#6100f3 rgb(97,0,243)
```

Shade Color Variation

#6a08ff
```
#6a08ff rgb(106,8,255)
```
#761bff
```
#761bff rgb(118,27,255)
```
#822fff
```
#822fff rgb(130,47,255)
```
#8d43ff
```
#8d43ff rgb(141,67,255)
```
#9956ff
```
#9956ff rgb(153,86,255)
```
#a56aff
```
#a56aff rgb(165,106,255)
```
#b17eff
```
#b17eff rgb(177,126,255)
```
#bd91ff
```
#bd91ff rgb(189,145,255)
```
#c9a5ff
```
#c9a5ff rgb(201,165,255)
```
#d4b8ff
```
#d4b8ff rgb(212,184,255)
```
#e0ccff
```
#e0ccff rgb(224,204,255)
```
#ece0ff
```
#ece0ff rgb(236,224,255)
```
#f8f3ff
```
#f8f3ff rgb(248,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #645e6e is the less saturated color, while #5100cc is the most saturated one.

#645e6e
```
#645e6e rgb(100,94,110)
```
#635676
```
#635676 rgb(99,86,118)
```
#614e7e
```
#614e7e rgb(97,78,126)
```
#604785
```
#604785 rgb(96,71,133)
```
#5e3f8d
```
#5e3f8d rgb(94,63,141)
```
#5c3795
```
#5c3795 rgb(92,55,149)
```
#5b2f9d
```
#5b2f9d rgb(91,47,157)
```
#5927a5
```
#5927a5 rgb(89,39,165)
```
#571fad
```
#571fad rgb(87,31,173)
```
#5618b4
```
#5618b4 rgb(86,24,180)
```
#5410bc
```
#5410bc rgb(84,16,188)
```
#5308c4
```
#5308c4 rgb(83,8,196)
```
#5100cc
```
#5100cc rgb(81,0,204)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#36264e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00575d Tritanopia 0.001% of the population

Trichromacy

#1d31a9 Protanomaly 1% of men, 0.01% of women
#1d349c Deuteranomaly 6% of men, 0.4% of women
#1d3785 Tritanomaly 0.01% of the population

#5100cc hex color

#5100cc Color Information

#5100cc Color Conversion

Color Schemes with #5100cc

Alternatives to #5100cc

#5100cc Preview

Shades and Tints of #5100cc

Tones of #5100cc

Color Blindness Simulator