#5312cc hex color

In a RGB color space, hex #5312cc is composed of 32.5% red, 7.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 91.2% magenta, 0% yellow and 20% black. It has a hue angle of 261 degrees, a saturation of 83.8% and a lightness of 43.5%. #5312cc color hex could be obtained by blending #a624ff with #000099. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 33
- G 7
- B 80
RGB color chart
- C 59
- M 91
- Y 0
- K 20
CMYK color chart

● #5312cc color description : Strong violet.

The hexadecimal color #5312cc has RGB values of R:83, G:18, B:204 and CMYK values of C:0.59, M:0.91, Y:0, K:0.2. Its decimal value is 5444300.

Hex triplet	5312cc	`#5312cc`
RGB Decimal	83, 18, 204	`rgb(83,18,204)`
RGB Percent	32.5, 7.1, 80	`rgb(32.5%,7.1%,80%)`
CMYK	59, 91, 0, 20
HSL	261°, 83.8, 43.5	`hsl(261,83.8%,43.5%)`
HSV (or HSB)	261°, 91.2, 80
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.951, 65.894, -80.83
XYZ	14.681, 6.631, 57.63
xyY	0.186, 0.084, 6.631
CIE-LCH	30.951, 104.286, 309.188
CIE-LUV	30.951, 2.714, -104.786
Hunter-Lab	25.75, 56.702, -114.666
Binary	01010011, 00010010, 11001100

#5312cc
```
#5312cc rgb(83,18,204)
```
#8bcc12
```
#8bcc12 rgb(139,204,18)
```

Complementary Color

#122ecc
```
#122ecc rgb(18,46,204)
```
#5312cc
```
#5312cc rgb(83,18,204)
```
#b012cc
```
#b012cc rgb(176,18,204)
```

Analogous Color

#2ecc12
```
#2ecc12 rgb(46,204,18)
```
#5312cc
```
#5312cc rgb(83,18,204)
```
#ccb012
```
#ccb012 rgb(204,176,18)
```

Split Complementary Color

#12cc53
```
#12cc53 rgb(18,204,83)
```
#5312cc
```
#5312cc rgb(83,18,204)
```
#cc5312
```
#cc5312 rgb(204,83,18)
```

Triadic Color

#128bcc
```
#128bcc rgb(18,139,204)
```
#5312cc
```
#5312cc rgb(83,18,204)
```
#cc5312
```
#cc5312 rgb(204,83,18)
```
#8bcc12
```
#8bcc12 rgb(139,204,18)
```

Tetradic Color

#360c86
```
#360c86 rgb(54,12,134)
```
#400e9d
```
#400e9d rgb(64,14,157)
```
#4910b5
```
#4910b5 rgb(73,16,181)
```
#5312cc
```
#5312cc rgb(83,18,204)
```
#5d14e3
```
#5d14e3 rgb(93,20,227)
```
#6b25ec
```
#6b25ec rgb(107,37,236)
```
#7b3dee
```
#7b3dee rgb(123,61,238)
```

Monochromatic Color

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

#2412cc
```
#2412cc rgb(36,18,204)
```
#3412cc
```
#3412cc rgb(52,18,204)
```
#4312cc
```
#4312cc rgb(67,18,204)
```
#5312cc
```
#5312cc rgb(83,18,204)
```
#6312cc
```
#6312cc rgb(99,18,204)
```
#7212cc
```
#7212cc rgb(114,18,204)
```
#8212cc
```
#8212cc rgb(130,18,204)
```

Similar Colors

Text with hexadecimal color #5312cc

This text has a font color of #5312cc.

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

#5312cc background color

This paragraph has a background color of #5312cc.

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

#5312cc border color

This element has a border color of #5312cc.

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

CSS codes

.text {color:#5312cc;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#0a0218
```
#0a0218 rgb(10,2,24)
```
#11042a
```
#11042a rgb(17,4,42)
```
#18053c
```
#18053c rgb(24,5,60)
```
#20074e
```
#20074e rgb(32,7,78)
```
#270860
```
#270860 rgb(39,8,96)
```
#2e0a72
```
#2e0a72 rgb(46,10,114)
```
#360c84
```
#360c84 rgb(54,12,132)
```
#3d0d96
```
#3d0d96 rgb(61,13,150)
```
#440fa8
```
#440fa8 rgb(68,15,168)
```
#4c10ba
```
#4c10ba rgb(76,16,186)
```
#5312cc
```
#5312cc rgb(83,18,204)
```
#5a14de
```
#5a14de rgb(90,20,222)
```

Shade Color Variation

#631aeb
```
#631aeb rgb(99,26,235)
```
#702cec
```
#702cec rgb(112,44,236)
```
#7c3eee
```
#7c3eee rgb(124,62,238)
```
#8850f0
```
#8850f0 rgb(136,80,240)
```
#9463f1
```
#9463f1 rgb(148,99,241)
```
#a175f3
```
#a175f3 rgb(161,117,243)
```
#ad87f4
```
#ad87f4 rgb(173,135,244)
```
#b999f6
```
#b999f6 rgb(185,153,246)
```
#c5abf8
```
#c5abf8 rgb(197,171,248)
```
#d2bdf9
```
#d2bdf9 rgb(210,189,249)
```
#decffb
```
#decffb rgb(222,207,251)
```
#eae1fc
```
#eae1fc rgb(234,225,252)
```
#f7f3fe
```
#f7f3fe rgb(247,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6777 is the less saturated color, while #4e01dd is the most saturated one.

#6d6777
```
#6d6777 rgb(109,103,119)
```
#6a5f7f
```
#6a5f7f rgb(106,95,127)
```
#685688
```
#685688 rgb(104,86,136)
```
#654e90
```
#654e90 rgb(101,78,144)
```
#624599
```
#624599 rgb(98,69,153)
```
#603da1
```
#603da1 rgb(96,61,161)
```
#5d34aa
```
#5d34aa rgb(93,52,170)
```
#5b2cb2
```
#5b2cb2 rgb(91,44,178)
```
#5823bb
```
#5823bb rgb(88,35,187)
```
#561bc3
```
#561bc3 rgb(86,27,195)
```
#5312cc
```
#5312cc rgb(83,18,204)
```
#5009d5
```
#5009d5 rgb(80,9,213)
```
#4e01dd
```
#4e01dd rgb(78,1,221)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#403358 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#1e39ac Protanomaly 1% of men, 0.01% of women
#1e3c9f Deuteranomaly 6% of men, 0.4% of women
#1e4087 Tritanomaly 0.01% of the population

#5312cc hex color

#5312cc Color Information

#5312cc Color Conversion

Color Schemes with #5312cc

Alternatives to #5312cc

#5312cc Preview

Shades and Tints of #5312cc

Tones of #5312cc

Color Blindness Simulator