#505ac2 hex color

In a RGB color space, hex #505ac2 is composed of 31.4% red, 35.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 53.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 234.7 degrees, a saturation of 48.3% and a lightness of 53.7%. #505ac2 color hex could be obtained by blending #a0b4ff with #000085. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 35
- B 76
RGB color chart
- C 59
- M 54
- Y 0
- K 24
CMYK color chart

● #505ac2 color description : Moderate blue.

The hexadecimal color #505ac2 has RGB values of R:80, G:90, B:194 and CMYK values of C:0.59, M:0.54, Y:0, K:0.24. Its decimal value is 5266114.

Hex triplet	505ac2	`#505ac2`
RGB Decimal	80, 90, 194	`rgb(80,90,194)`
RGB Percent	31.4, 35.3, 76.1	`rgb(31.4%,35.3%,76.1%)`
CMYK	59, 54, 0, 24
HSL	234.7°, 48.3, 53.7	`hsl(234.7,48.3%,53.7%)`
HSV (or HSB)	234.7°, 58.8, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.63, 27.329, -55.891
XYZ	16.7, 12.912, 52.648
xyY	0.203, 0.157, 12.912
CIE-LCH	42.63, 62.214, 296.057
CIE-LUV	42.63, -9.132, -84.698
Hunter-Lab	35.933, 20.075, -61.716
Binary	01010000, 01011010, 11000010

#505ac2
```
#505ac2 rgb(80,90,194)
```
#c2b850
```
#c2b850 rgb(194,184,80)
```

Complementary Color

#5093c2
```
#5093c2 rgb(80,147,194)
```
#505ac2
```
#505ac2 rgb(80,90,194)
```
#7f50c2
```
#7f50c2 rgb(127,80,194)
```

Analogous Color

#93c250
```
#93c250 rgb(147,194,80)
```
#505ac2
```
#505ac2 rgb(80,90,194)
```
#c27f50
```
#c27f50 rgb(194,127,80)
```

Split Complementary Color

#5ac250
```
#5ac250 rgb(90,194,80)
```
#505ac2
```
#505ac2 rgb(80,90,194)
```
#c2505a
```
#c2505a rgb(194,80,90)
```

Triadic Color

#50c2b8
```
#50c2b8 rgb(80,194,184)
```
#505ac2
```
#505ac2 rgb(80,90,194)
```
#c2505a
```
#c2505a rgb(194,80,90)
```
#c2b850
```
#c2b850 rgb(194,184,80)
```

Tetradic Color

#333b92
```
#333b92 rgb(51,59,146)
```
#3a43a5
```
#3a43a5 rgb(58,67,165)
```
#404bb8
```
#404bb8 rgb(64,75,184)
```
#505ac2
```
#505ac2 rgb(80,90,194)
```
#636cc9
```
#636cc9 rgb(99,108,201)
```
#767ecf
```
#767ecf rgb(118,126,207)
```
#898fd6
```
#898fd6 rgb(137,143,214)
```

Monochromatic Color

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

#5077c2
```
#5077c2 rgb(80,119,194)
```
#506dc2
```
#506dc2 rgb(80,109,194)
```
#5064c2
```
#5064c2 rgb(80,100,194)
```
#505ac2
```
#505ac2 rgb(80,90,194)
```
#5051c2
```
#5051c2 rgb(80,81,194)
```
#5950c2
```
#5950c2 rgb(89,80,194)
```
#6250c2
```
#6250c2 rgb(98,80,194)
```

Similar Colors

Text with hexadecimal color #505ac2

This text has a font color of #505ac2.

<span style="color:#505ac2;">Text here</span>

#505ac2 background color

This paragraph has a background color of #505ac2.

<p style="background-color:#505ac2;">Content here</p>

#505ac2 border color

This element has a border color of #505ac2.

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

CSS codes

.text {color:#505ac2;}

.background {background-color:#505ac2;}

.border {border:1px solid #505ac2;}

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, #05060e is the darkest color, while #ffffff is the lightest one.

#05060e
```
#05060e rgb(5,6,14)
```
#0a0c1d
```
#0a0c1d rgb(10,12,29)
```
#0f122b
```
#0f122b rgb(15,18,43)
```
#14173a
```
#14173a rgb(20,23,58)
```
#191d48
```
#191d48 rgb(25,29,72)
```
#1e2357
```
#1e2357 rgb(30,35,87)
```
#232965
```
#232965 rgb(35,41,101)
```
#282f74
```
#282f74 rgb(40,47,116)
```
#2d3582
```
#2d3582 rgb(45,53,130)
```
#333b91
```
#333b91 rgb(51,59,145)
```
#3841a0
```
#3841a0 rgb(56,65,160)
```
#3d47ae
```
#3d47ae rgb(61,71,174)
```
#424dbd
```
#424dbd rgb(66,77,189)
```

Shade Color Variation

#505ac2
```
#505ac2 rgb(80,90,194)
```
#5f68c7
```
#5f68c7 rgb(95,104,199)
```
#6d75cc
```
#6d75cc rgb(109,117,204)
```
#7c83d1
```
#7c83d1 rgb(124,131,209)
```
#8a91d6
```
#8a91d6 rgb(138,145,214)
```
#999fdb
```
#999fdb rgb(153,159,219)
```
#a7ace0
```
#a7ace0 rgb(167,172,224)
```
#b6bae5
```
#b6bae5 rgb(182,186,229)
```
#c4c8eb
```
#c4c8eb rgb(196,200,235)
```
#d3d5f0
```
#d3d5f0 rgb(211,213,240)
```
#e1e3f5
```
#e1e3f5 rgb(225,227,245)
```
#f0f1fa
```
#f0f1fa rgb(240,241,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#86878c
```
#86878c rgb(134,135,140)
```
#7d7f95
```
#7d7f95 rgb(125,127,149)
```
#74789e
```
#74789e rgb(116,120,158)
```
#6b70a7
```
#6b70a7 rgb(107,112,167)
```
#6269b0
```
#6269b0 rgb(98,105,176)
```
#5961b9
```
#5961b9 rgb(89,97,185)
```
#505ac2
```
#505ac2 rgb(80,90,194)
```
#4753cb
```
#4753cb rgb(71,83,203)
```
#3e4bd4
```
#3e4bd4 rgb(62,75,212)
```
#3544dd
```
#3544dd rgb(53,68,221)
```
#2c3ce6
```
#2c3ce6 rgb(44,60,230)
```
#2335ef
```
#2335ef rgb(35,53,239)
```
#1a2df8
```
#1a2df8 rgb(26,45,248)
```

Tone Color Variation

Below, you can see how #505ac2 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

#636363 Achromatopsia 0.005% of the population
#5f6176 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f69cb Protanopia 1% of men
#006eb6 Deuteranopia 1% of men
#2f757e Tritanopia 0.001% of the population

Trichromacy

#3163c8 Protanomaly 1% of men, 0.01% of women
#1d67ba Deuteranomaly 6% of men, 0.4% of women
#3b6b96 Tritanomaly 0.01% of the population

#505ac2 hex color

#505ac2 Color Information

#505ac2 Color Conversion

Color Schemes with #505ac2

Alternatives to #505ac2

#505ac2 Preview

Shades and Tints of #505ac2

Tones of #505ac2

Color Blindness Simulator