#5161e2 hex color

In a RGB color space, hex #5161e2 is composed of 31.8% red, 38% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 57.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 233.4 degrees, a saturation of 71.4% and a lightness of 60.2%. #5161e2 color hex could be obtained by blending #a2c2ff with #0000c5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 38
- B 89
RGB color chart
- C 64
- M 57
- Y 0
- K 11
CMYK color chart

● #5161e2 color description : Soft blue.

The hexadecimal color #5161e2 has RGB values of R:81, G:97, B:226 and CMYK values of C:0.64, M:0.57, Y:0, K:0.11. Its decimal value is 5333474.

Hex triplet	5161e2	`#5161e2`
RGB Decimal	81, 97, 226	`rgb(81,97,226)`
RGB Percent	31.8, 38, 88.6	`rgb(31.8%,38%,88.6%)`
CMYK	64, 57, 0, 11
HSL	233.4°, 71.4, 60.2	`hsl(233.4,71.4%,60.2%)`
HSV (or HSB)	233.4°, 64.2, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.696, 33.903, -67.64
XYZ	21.393, 15.789, 73.867
xyY	0.193, 0.142, 15.789
CIE-LCH	46.696, 75.661, 296.621
CIE-LUV	46.696, -11.838, -104.528
Hunter-Lab	39.735, 26.566, -82.406
Binary	01010001, 01100001, 11100010

#5161e2
```
#5161e2 rgb(81,97,226)
```
#e2d251
```
#e2d251 rgb(226,210,81)
```

Complementary Color

#51aae2
```
#51aae2 rgb(81,170,226)
```
#5161e2
```
#5161e2 rgb(81,97,226)
```
#8a51e2
```
#8a51e2 rgb(138,81,226)
```

Analogous Color

#aae251
```
#aae251 rgb(170,226,81)
```
#5161e2
```
#5161e2 rgb(81,97,226)
```
#e28a51
```
#e28a51 rgb(226,138,81)
```

Split Complementary Color

#61e251
```
#61e251 rgb(97,226,81)
```
#5161e2
```
#5161e2 rgb(81,97,226)
```
#e25161
```
#e25161 rgb(226,81,97)
```

Triadic Color

#51e2d2
```
#51e2d2 rgb(81,226,210)
```
#5161e2
```
#5161e2 rgb(81,97,226)
```
#e25161
```
#e25161 rgb(226,81,97)
```
#e2d251
```
#e2d251 rgb(226,210,81)
```

Tetradic Color

#2133c6
```
#2133c6 rgb(33,51,198)
```
#2539db
```
#2539db rgb(37,57,219)
```
#3b4dde
```
#3b4dde rgb(59,77,222)
```
#5161e2
```
#5161e2 rgb(81,97,226)
```
#6775e6
```
#6775e6 rgb(103,117,230)
```
#7d89e9
```
#7d89e9 rgb(125,137,233)
```
#939ded
```
#939ded rgb(147,157,237)
```

Monochromatic Color

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

#5185e2
```
#5185e2 rgb(81,133,226)
```
#5179e2
```
#5179e2 rgb(81,121,226)
```
#516de2
```
#516de2 rgb(81,109,226)
```
#5161e2
```
#5161e2 rgb(81,97,226)
```
#5155e2
```
#5155e2 rgb(81,85,226)
```
#5951e2
```
#5951e2 rgb(89,81,226)
```
#6551e2
```
#6551e2 rgb(101,81,226)
```

Similar Colors

Text with hexadecimal color #5161e2

This text has a font color of #5161e2.

<span style="color:#5161e2;">Text here</span>

#5161e2 background color

This paragraph has a background color of #5161e2.

<p style="background-color:#5161e2;">Content here</p>

#5161e2 border color

This element has a border color of #5161e2.

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

CSS codes

.text {color:#5161e2;}

.background {background-color:#5161e2;}

.border {border:1px solid #5161e2;}

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

#02030b
```
#02030b rgb(2,3,11)
```
#05071c
```
#05071c rgb(5,7,28)
```
#070c2d
```
#070c2d rgb(7,12,45)
```
#0a103d
```
#0a103d rgb(10,16,61)
```
#0d144e
```
#0d144e rgb(13,20,78)
```
#10195f
```
#10195f rgb(16,25,95)
```
#131d70
```
#131d70 rgb(19,29,112)
```
#152181
```
#152181 rgb(21,33,129)
```
#182691
```
#182691 rgb(24,38,145)
```
#1b2aa2
```
#1b2aa2 rgb(27,42,162)
```
#1e2eb3
```
#1e2eb3 rgb(30,46,179)
```
#2133c4
```
#2133c4 rgb(33,51,196)
```
#2337d5
```
#2337d5 rgb(35,55,213)
```

Shade Color Variation

#2f42dc
```
#2f42dc rgb(47,66,220)
```
#4052df
```
#4052df rgb(64,82,223)
```
#5161e2
```
#5161e2 rgb(81,97,226)
```
#6270e5
```
#6270e5 rgb(98,112,229)
```
#7380e8
```
#7380e8 rgb(115,128,232)
```
#838fea
```
#838fea rgb(131,143,234)
```
#949eed
```
#949eed rgb(148,158,237)
```
#a5adf0
```
#a5adf0 rgb(165,173,240)
```
#b6bdf3
```
#b6bdf3 rgb(182,189,243)
```
#c7ccf6
```
#c7ccf6 rgb(199,204,246)
```
#d8dbf8
```
#d8dbf8 rgb(216,219,248)
```
#e8eafb
```
#e8eafb rgb(232,234,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97989c is the less saturated color, while #3a4ff9 is the most saturated one.

#97989c
```
#97989c rgb(151,152,156)
```
#8f92a4
```
#8f92a4 rgb(143,146,164)
```
#888cab
```
#888cab rgb(136,140,171)
```
#8086b3
```
#8086b3 rgb(128,134,179)
```
#787fbb
```
#787fbb rgb(120,127,187)
```
#7079c3
```
#7079c3 rgb(112,121,195)
```
#6873cb
```
#6873cb rgb(104,115,203)
```
#616dd2
```
#616dd2 rgb(97,109,210)
```
#5967da
```
#5967da rgb(89,103,218)
```
#5161e2
```
#5161e2 rgb(81,97,226)
```
#495bea
```
#495bea rgb(73,91,234)
```
#4155f2
```
#4155f2 rgb(65,85,242)
```
#3a4ff9
```
#3a4ff9 rgb(58,79,249)
```

Tone Color Variation

Below, you can see how #5161e2 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

#6b6b6b Achromatopsia 0.005% of the population
#666983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0078c5 Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#1d6ce1 Protanomaly 1% of men, 0.01% of women
#1d70cf Deuteranomaly 6% of men, 0.4% of women
#1d75aa Tritanomaly 0.01% of the population

#5161e2 hex color

#5161e2 Color Information

#5161e2 Color Conversion

Color Schemes with #5161e2

Alternatives to #5161e2

#5161e2 Preview

Shades and Tints of #5161e2

Tones of #5161e2

Color Blindness Simulator