#5161c4 hex color

In a RGB color space, hex #5161c4 is composed of 31.8% red, 38% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 50.5% magenta, 0% yellow and 23.1% black. It has a hue angle of 231.7 degrees, a saturation of 49.4% and a lightness of 54.3%. #5161c4 color hex could be obtained by blending #a2c2ff with #000089. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 38
- B 77
RGB color chart
- C 59
- M 51
- Y 0
- K 23
CMYK color chart

● #5161c4 color description : Moderate blue.

The hexadecimal color #5161c4 has RGB values of R:81, G:97, B:196 and CMYK values of C:0.59, M:0.51, Y:0, K:0.23. Its decimal value is 5333444.

Hex triplet	5161c4	`#5161c4`
RGB Decimal	81, 97, 196	`rgb(81,97,196)`
RGB Percent	31.8, 38, 76.9	`rgb(31.8%,38%,76.9%)`
CMYK	59, 51, 0, 23
HSL	231.7°, 49.4, 54.3	`hsl(231.7,49.4%,54.3%)`
HSV (or HSB)	231.7°, 58.7, 76.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.637, 23.785, -53.812
XYZ	17.63, 14.283, 54.049
xyY	0.205, 0.166, 14.283
CIE-LCH	44.637, 58.834, 293.845
CIE-LUV	44.637, -10.95, -82.451
Hunter-Lab	37.793, 17.128, -58.337
Binary	01010001, 01100001, 11000100

#5161c4
```
#5161c4 rgb(81,97,196)
```
#c4b451
```
#c4b451 rgb(196,180,81)
```

Complementary Color

#519bc4
```
#519bc4 rgb(81,155,196)
```
#5161c4
```
#5161c4 rgb(81,97,196)
```
#7b51c4
```
#7b51c4 rgb(123,81,196)
```

Analogous Color

#9bc451
```
#9bc451 rgb(155,196,81)
```
#5161c4
```
#5161c4 rgb(81,97,196)
```
#c47b51
```
#c47b51 rgb(196,123,81)
```

Split Complementary Color

#61c451
```
#61c451 rgb(97,196,81)
```
#5161c4
```
#5161c4 rgb(81,97,196)
```
#c45161
```
#c45161 rgb(196,81,97)
```

Triadic Color

#51c4b4
```
#51c4b4 rgb(81,196,180)
```
#5161c4
```
#5161c4 rgb(81,97,196)
```
#c45161
```
#c45161 rgb(196,81,97)
```
#c4b451
```
#c4b451 rgb(196,180,81)
```

Tetradic Color

#334196
```
#334196 rgb(51,65,150)
```
#3949a9
```
#3949a9 rgb(57,73,169)
```
#4051bc
```
#4051bc rgb(64,81,188)
```
#5161c4
```
#5161c4 rgb(81,97,196)
```
#6472ca
```
#6472ca rgb(100,114,202)
```
#7784d1
```
#7784d1 rgb(119,132,209)
```
#8a95d7
```
#8a95d7 rgb(138,149,215)
```

Monochromatic Color

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

#517ec4
```
#517ec4 rgb(81,126,196)
```
#5174c4
```
#5174c4 rgb(81,116,196)
```
#516bc4
```
#516bc4 rgb(81,107,196)
```
#5161c4
```
#5161c4 rgb(81,97,196)
```
#5157c4
```
#5157c4 rgb(81,87,196)
```
#5451c4
```
#5451c4 rgb(84,81,196)
```
#5e51c4
```
#5e51c4 rgb(94,81,196)
```

Similar Colors

Text with hexadecimal color #5161c4

This text has a font color of #5161c4.

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

#5161c4 background color

This paragraph has a background color of #5161c4.

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

#5161c4 border color

This element has a border color of #5161c4.

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

CSS codes

.text {color:#5161c4;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060710
```
#060710 rgb(6,7,16)
```
#0b0d1f
```
#0b0d1f rgb(11,13,31)
```
#10142e
```
#10142e rgb(16,20,46)
```
#141a3c
```
#141a3c rgb(20,26,60)
```
#19204b
```
#19204b rgb(25,32,75)
```
#1e275a
```
#1e275a rgb(30,39,90)
```
#232d68
```
#232d68 rgb(35,45,104)
```
#283377
```
#283377 rgb(40,51,119)
```
#2d3a86
```
#2d3a86 rgb(45,58,134)
```
#324094
```
#324094 rgb(50,64,148)
```
#3746a3
```
#3746a3 rgb(55,70,163)
```
#3c4db2
```
#3c4db2 rgb(60,77,178)
```

Shade Color Variation

#4254bf
```
#4254bf rgb(66,84,191)
```
#5161c4
```
#5161c4 rgb(81,97,196)
```
#606ec9
```
#606ec9 rgb(96,110,201)
```
#6e7cce
```
#6e7cce rgb(110,124,206)
```
#7d89d3
```
#7d89d3 rgb(125,137,211)
```
#8c96d8
```
#8c96d8 rgb(140,150,216)
```
#9aa4dd
```
#9aa4dd rgb(154,164,221)
```
#a9b1e2
```
#a9b1e2 rgb(169,177,226)
```
#b8bee7
```
#b8bee7 rgb(184,190,231)
```
#c6cbec
```
#c6cbec rgb(198,203,236)
```
#d5d9f1
```
#d5d9f1 rgb(213,217,241)
```
#e3e6f6
```
#e3e6f6 rgb(227,230,246)
```
#f2f3fb
```
#f2f3fb rgb(242,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87888e is the less saturated color, while #1b3afa is the most saturated one.

#87888e
```
#87888e rgb(135,136,142)
```
#7e8197
```
#7e8197 rgb(126,129,151)
```
#757ba0
```
#757ba0 rgb(117,123,160)
```
#6c74a9
```
#6c74a9 rgb(108,116,169)
```
#636eb2
```
#636eb2 rgb(99,110,178)
```
#5a67bb
```
#5a67bb rgb(90,103,187)
```
#5161c4
```
#5161c4 rgb(81,97,196)
```
#485bcd
```
#485bcd rgb(72,91,205)
```
#3f54d6
```
#3f54d6 rgb(63,84,214)
```
#364edf
```
#364edf rgb(54,78,223)
```
#2d47e8
```
#2d47e8 rgb(45,71,232)
```
#2441f1
```
#2441f1 rgb(36,65,241)
```
#1b3afa
```
#1b3afa rgb(27,58,250)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#63677a Atypical Achromatopsia 0.001% of the population

Dichromacy

#366ecb Protanopia 1% of men
#0073bf Deuteranopia 1% of men
#337a83 Tritanopia 0.001% of the population

Trichromacy

#4069c8 Protanomaly 1% of men, 0.01% of women
#1d6cc1 Deuteranomaly 6% of men, 0.4% of women
#3e719b Tritanomaly 0.01% of the population

#5161c4 hex color

#5161c4 Color Information

#5161c4 Color Conversion

Color Schemes with #5161c4

Alternatives to #5161c4

#5161c4 Preview

Shades and Tints of #5161c4

Tones of #5161c4

Color Blindness Simulator