#5151cc hex color

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

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

● #5151cc color description : Moderate blue.

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

Hex triplet	5151cc	`#5151cc`
RGB Decimal	81, 81, 204	`rgb(81,81,204)`
RGB Percent	31.8, 31.8, 80	`rgb(31.8%,31.8%,80%)`
CMYK	60, 60, 0, 20
HSL	240°, 54.7, 55.9	`hsl(240,54.7%,55.9%)`
HSV (or HSB)	240°, 60.3, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.205, 36.419, -63.989
XYZ	17.233, 11.993, 58.53
xyY	0.196, 0.137, 11.993
CIE-LCH	41.205, 73.627, 299.646
CIE-LUV	41.205, -6.91, -95.746
Hunter-Lab	34.631, 28.219, -75.965
Binary	01010001, 01010001, 11001100

#5151cc
```
#5151cc rgb(81,81,204)
```
#cccc51
```
#cccc51 rgb(204,204,81)
```

Complementary Color

#518fcc
```
#518fcc rgb(81,143,204)
```
#5151cc
```
#5151cc rgb(81,81,204)
```
#8f51cc
```
#8f51cc rgb(143,81,204)
```

Analogous Color

#8fcc51
```
#8fcc51 rgb(143,204,81)
```
#5151cc
```
#5151cc rgb(81,81,204)
```
#cc8f51
```
#cc8f51 rgb(204,143,81)
```

Split Complementary Color

#51cc51
```
#51cc51 rgb(81,204,81)
```
#5151cc
```
#5151cc rgb(81,81,204)
```
#cc5151
```
#cc5151 rgb(204,81,81)
```

Triadic Color

#51cccc
```
#51cccc rgb(81,204,204)
```
#5151cc
```
#5151cc rgb(81,81,204)
```
#cc5151
```
#cc5151 rgb(204,81,81)
```
#cccc51
```
#cccc51 rgb(204,204,81)
```

Tetradic Color

#2f2fa1
```
#2f2fa1 rgb(47,47,161)
```
#3535b5
```
#3535b5 rgb(53,53,181)
```
#3d3dc6
```
#3d3dc6 rgb(61,61,198)
```
#5151cc
```
#5151cc rgb(81,81,204)
```
#6565d2
```
#6565d2 rgb(101,101,210)
```
#7878d8
```
#7878d8 rgb(120,120,216)
```
#8c8cdd
```
#8c8cdd rgb(140,140,221)
```

Monochromatic Color

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

#5170cc
```
#5170cc rgb(81,112,204)
```
#5166cc
```
#5166cc rgb(81,102,204)
```
#515bcc
```
#515bcc rgb(81,91,204)
```
#5151cc
```
#5151cc rgb(81,81,204)
```
#5b51cc
```
#5b51cc rgb(91,81,204)
```
#6651cc
```
#6651cc rgb(102,81,204)
```
#7051cc
```
#7051cc rgb(112,81,204)
```

Similar Colors

Text with hexadecimal color #5151cc

This text has a font color of #5151cc.

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

#5151cc background color

This paragraph has a background color of #5151cc.

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

#5151cc border color

This element has a border color of #5151cc.

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

CSS codes

.text {color:#5151cc;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#070717
```
#070717 rgb(7,7,23)
```
#0b0b26
```
#0b0b26 rgb(11,11,38)
```
#101036
```
#101036 rgb(16,16,54)
```
#141445
```
#141445 rgb(20,20,69)
```
#191954
```
#191954 rgb(25,25,84)
```
#1d1d63
```
#1d1d63 rgb(29,29,99)
```
#212172
```
#212172 rgb(33,33,114)
```
#262681
```
#262681 rgb(38,38,129)
```
#2a2a91
```
#2a2a91 rgb(42,42,145)
```
#2f2fa0
```
#2f2fa0 rgb(47,47,160)
```
#3333af
```
#3333af rgb(51,51,175)
```
#3838be
```
#3838be rgb(56,56,190)
```

Shade Color Variation

#4242c8
```
#4242c8 rgb(66,66,200)
```
#5151cc
```
#5151cc rgb(81,81,204)
```
#6060d0
```
#6060d0 rgb(96,96,208)
```
#6f6fd5
```
#6f6fd5 rgb(111,111,213)
```
#7f7fd9
```
#7f7fd9 rgb(127,127,217)
```
#8e8ede
```
#8e8ede rgb(142,142,222)
```
#9d9de2
```
#9d9de2 rgb(157,157,226)
```
#acace7
```
#acace7 rgb(172,172,231)
```
#bbbbeb
```
#bbbbeb rgb(187,187,235)
```
#cacaf0
```
#cacaf0 rgb(202,202,240)
```
#dadaf4
```
#dadaf4 rgb(218,218,244)
```
#e9e9f8
```
#e9e9f8 rgb(233,233,248)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e8f is the less saturated color, while #2626f7 is the most saturated one.

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858598
```
#858598 rgb(133,133,152)
```
#7c7ca1
```
#7c7ca1 rgb(124,124,161)
```
#7474a9
```
#7474a9 rgb(116,116,169)
```
#6b6bb2
```
#6b6bb2 rgb(107,107,178)
```
#6262bb
```
#6262bb rgb(98,98,187)
```
#5a5ac3
```
#5a5ac3 rgb(90,90,195)
```
#5151cc
```
#5151cc rgb(81,81,204)
```
#4848d5
```
#4848d5 rgb(72,72,213)
```
#4040dd
```
#4040dd rgb(64,64,221)
```
#3737e6
```
#3737e6 rgb(55,55,230)
```
#2e2eef
```
#2e2eef rgb(46,46,239)
```
#2626f7
```
#2626f7 rgb(38,38,247)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5c5c75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006baf Deuteranopia 1% of men
#20737b Tritanopia 0.001% of the population

Trichromacy

#1d5ec9 Protanomaly 1% of men, 0.01% of women
#1d62b9 Deuteranomaly 6% of men, 0.4% of women
#316698 Tritanomaly 0.01% of the population

#5151cc hex color

#5151cc Color Information

#5151cc Color Conversion

Color Schemes with #5151cc

Alternatives to #5151cc

#5151cc Preview

Shades and Tints of #5151cc

Tones of #5151cc

Color Blindness Simulator