#5061b3 hex color

In a RGB color space, hex #5061b3 is composed of 31.4% red, 38% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 45.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 229.7 degrees, a saturation of 39.4% and a lightness of 50.8%. #5061b3 color hex could be obtained by blending #a0c2ff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 38
- B 70
RGB color chart
- C 55
- M 46
- Y 0
- K 30
CMYK color chart

● #5061b3 color description : Moderate blue.

The hexadecimal color #5061b3 has RGB values of R:80, G:97, B:179 and CMYK values of C:0.55, M:0.46, Y:0, K:0.3. Its decimal value is 5267891.

Hex triplet	5061b3	`#5061b3`
RGB Decimal	80, 97, 179	`rgb(80,97,179)`
RGB Percent	31.4, 38, 70.2	`rgb(31.4%,38%,70.2%)`
CMYK	55, 46, 0, 30
HSL	229.7°, 39.4, 50.8	`hsl(229.7,39.4%,50.8%)`
HSV (or HSB)	229.7°, 55.3, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.52, 17.893, -45.717
XYZ	15.718, 13.509, 44.425
xyY	0.213, 0.183, 13.509
CIE-LCH	43.52, 49.093, 291.375
CIE-LUV	43.52, -10.77, -69.346
Hunter-Lab	36.754, 12.015, -45.935
Binary	01010000, 01100001, 10110011

#5061b3
```
#5061b3 rgb(80,97,179)
```
#b3a250
```
#b3a250 rgb(179,162,80)
```

Complementary Color

#5093b3
```
#5093b3 rgb(80,147,179)
```
#5061b3
```
#5061b3 rgb(80,97,179)
```
#7150b3
```
#7150b3 rgb(113,80,179)
```

Analogous Color

#93b350
```
#93b350 rgb(147,179,80)
```
#5061b3
```
#5061b3 rgb(80,97,179)
```
#b37150
```
#b37150 rgb(179,113,80)
```

Split Complementary Color

#61b350
```
#61b350 rgb(97,179,80)
```
#5061b3
```
#5061b3 rgb(80,97,179)
```
#b35061
```
#b35061 rgb(179,80,97)
```

Triadic Color

#50b3a2
```
#50b3a2 rgb(80,179,162)
```
#5061b3
```
#5061b3 rgb(80,97,179)
```
#b35061
```
#b35061 rgb(179,80,97)
```
#b3a250
```
#b3a250 rgb(179,162,80)
```

Tetradic Color

#37447f
```
#37447f rgb(55,68,127)
```
#3f4d91
```
#3f4d91 rgb(63,77,145)
```
#4757a3
```
#4757a3 rgb(71,87,163)
```
#5061b3
```
#5061b3 rgb(80,97,179)
```
#6271bb
```
#6271bb rgb(98,113,187)
```
#7481c2
```
#7481c2 rgb(116,129,194)
```
#8591ca
```
#8591ca rgb(133,145,202)
```

Monochromatic Color

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

#507ab3
```
#507ab3 rgb(80,122,179)
```
#5072b3
```
#5072b3 rgb(80,114,179)
```
#5069b3
```
#5069b3 rgb(80,105,179)
```
#5061b3
```
#5061b3 rgb(80,97,179)
```
#5059b3
```
#5059b3 rgb(80,89,179)
```
#5051b3
```
#5051b3 rgb(80,81,179)
```
#5850b3
```
#5850b3 rgb(88,80,179)
```

Similar Colors

Text with hexadecimal color #5061b3

This text has a font color of #5061b3.

<span style="color:#5061b3;">Text here</span>

#5061b3 background color

This paragraph has a background color of #5061b3.

<p style="background-color:#5061b3;">Content here</p>

#5061b3 border color

This element has a border color of #5061b3.

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

CSS codes

.text {color:#5061b3;}

.background {background-color:#5061b3;}

.border {border:1px solid #5061b3;}

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

#010103
```
#010103 rgb(1,1,3)
```
#070910
```
#070910 rgb(7,9,16)
```
#0d101e
```
#0d101e rgb(13,16,30)
```
#13172c
```
#13172c rgb(19,23,44)
```
#191f39
```
#191f39 rgb(25,31,57)
```
#1f2647
```
#1f2647 rgb(31,38,71)
```
#252d55
```
#252d55 rgb(37,45,85)
```
#2b3463
```
#2b3463 rgb(43,52,99)
```
#313c70
```
#313c70 rgb(49,60,112)
```
#37437e
```
#37437e rgb(55,67,126)
```
#3d4a8c
```
#3d4a8c rgb(61,74,140)
```
#435199
```
#435199 rgb(67,81,153)
```
#4859a7
```
#4859a7 rgb(72,89,167)
```

Shade Color Variation

#5061b3
```
#5061b3 rgb(80,97,179)
```
#5e6db9
```
#5e6db9 rgb(94,109,185)
```
#6b7abf
```
#6b7abf rgb(107,122,191)
```
#7986c5
```
#7986c5 rgb(121,134,197)
```
#8792cb
```
#8792cb rgb(135,146,203)
```
#949fd1
```
#949fd1 rgb(148,159,209)
```
#a2abd7
```
#a2abd7 rgb(162,171,215)
```
#b0b7dd
```
#b0b7dd rgb(176,183,221)
```
#bdc4e3
```
#bdc4e3 rgb(189,196,227)
```
#cbd0e8
```
#cbd0e8 rgb(203,208,232)
```
#d9dcee
```
#d9dcee rgb(217,220,238)
```
#e6e9f4
```
#e6e9f4 rgb(230,233,244)
```
#f4f5fa
```
#f4f5fa rgb(244,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808183 is the less saturated color, while #0c35f7 is the most saturated one.

#808183
```
#808183 rgb(128,129,131)
```
#777a8c
```
#777a8c rgb(119,122,140)
```
#6d7496
```
#6d7496 rgb(109,116,150)
```
#636ea0
```
#636ea0 rgb(99,110,160)
```
#5a67a9
```
#5a67a9 rgb(90,103,169)
```
#5061b3
```
#5061b3 rgb(80,97,179)
```
#465bbd
```
#465bbd rgb(70,91,189)
```
#3d54c6
```
#3d54c6 rgb(61,84,198)
```
#334ed0
```
#334ed0 rgb(51,78,208)
```
#2948da
```
#2948da rgb(41,72,218)
```
#2041e3
```
#2041e3 rgb(32,65,227)
```
#163bed
```
#163bed rgb(22,59,237)
```
#0c35f7
```
#0c35f7 rgb(12,53,247)
```

Tone Color Variation

Below, you can see how #5061b3 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

#656565 Achromatopsia 0.005% of the population
#616475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#476cb9 Protanopia 1% of men
#346fb4 Deuteranopia 1% of men
#3e767f Tritanopia 0.001% of the population

Trichromacy

#4a68b7 Protanomaly 1% of men, 0.01% of women
#3e6ab3 Deuteranomaly 6% of men, 0.4% of women
#446e92 Tritanomaly 0.01% of the population

#5061b3 hex color

#5061b3 Color Information

#5061b3 Color Conversion

Color Schemes with #5061b3

Alternatives to #5061b3

#5061b3 Preview

Shades and Tints of #5061b3

Tones of #5061b3

Color Blindness Simulator