#5045a5 hex color

In a RGB color space, hex #5045a5 is composed of 31.4% red, 27.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 58.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 246.9 degrees, a saturation of 41% and a lightness of 45.9%. #5045a5 color hex could be obtained by blending #a08aff with #00004b. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 31
- G 27
- B 65
RGB color chart
- C 52
- M 58
- Y 0
- K 35
CMYK color chart

● #5045a5 color description : Dark moderate blue.

The hexadecimal color #5045a5 has RGB values of R:80, G:69, B:165 and CMYK values of C:0.52, M:0.58, Y:0, K:0.35. Its decimal value is 5260709.

Hex triplet	5045a5	`#5045a5`
RGB Decimal	80, 69, 165	`rgb(80,69,165)`
RGB Percent	31.4, 27.1, 64.7	`rgb(31.4%,27.1%,64.7%)`
CMYK	52, 58, 0, 35
HSL	246.9°, 41, 45.9	`hsl(246.9,41%,45.9%)`
HSV (or HSB)	246.9°, 58.2, 64.7
Web Safe	663399	`#663399`

CIE-LAB	35.357, 31.037, -50.547
XYZ	12.227, 8.678, 36.626
xyY	0.213, 0.151, 8.678
CIE-LCH	35.357, 59.315, 301.55
CIE-LUV	35.357, -1.828, -72.965
Hunter-Lab	29.458, 22.534, -53.095
Binary	01010000, 01000101, 10100101

#5045a5
```
#5045a5 rgb(80,69,165)
```
#9aa545
```
#9aa545 rgb(154,165,69)
```

Complementary Color

#456aa5
```
#456aa5 rgb(69,106,165)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```
#8045a5
```
#8045a5 rgb(128,69,165)
```

Analogous Color

#6aa545
```
#6aa545 rgb(106,165,69)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```
#a58045
```
#a58045 rgb(165,128,69)
```

Split Complementary Color

#45a550
```
#45a550 rgb(69,165,80)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```
#a55045
```
#a55045 rgb(165,80,69)
```

Triadic Color

#459aa5
```
#459aa5 rgb(69,154,165)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```
#a55045
```
#a55045 rgb(165,80,69)
```
#9aa545
```
#9aa545 rgb(154,165,69)
```

Tetradic Color

#362e6f
```
#362e6f rgb(54,46,111)
```
#3f3681
```
#3f3681 rgb(63,54,129)
```
#473d93
```
#473d93 rgb(71,61,147)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```
#5a4eb5
```
#5a4eb5 rgb(90,78,181)
```
#6b60bd
```
#6b60bd rgb(107,96,189)
```
#7c72c4
```
#7c72c4 rgb(124,114,196)
```

Monochromatic Color

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

#4552a5
```
#4552a5 rgb(69,82,165)
```
#454aa5
```
#454aa5 rgb(69,74,165)
```
#4845a5
```
#4845a5 rgb(72,69,165)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```
#5845a5
```
#5845a5 rgb(88,69,165)
```
#6045a5
```
#6045a5 rgb(96,69,165)
```
#6845a5
```
#6845a5 rgb(104,69,165)
```

Similar Colors

Text with hexadecimal color #5045a5

This text has a font color of #5045a5.

<span style="color:#5045a5;">Text here</span>

#5045a5 background color

This paragraph has a background color of #5045a5.

<p style="background-color:#5045a5;">Content here</p>

#5045a5 border color

This element has a border color of #5045a5.

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

CSS codes

.text {color:#5045a5;}

.background {background-color:#5045a5;}

.border {border:1px solid #5045a5;}

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, #06050d is the darkest color, while #fefeff is the lightest one.

#06050d
```
#06050d rgb(6,5,13)
```
#0d0b1b
```
#0d0b1b rgb(13,11,27)
```
#141129
```
#141129 rgb(20,17,41)
```
#1a1736
```
#1a1736 rgb(26,23,54)
```
#211d44
```
#211d44 rgb(33,29,68)
```
#282252
```
#282252 rgb(40,34,82)
```
#2e2860
```
#2e2860 rgb(46,40,96)
```
#352e6e
```
#352e6e rgb(53,46,110)
```
#3c347c
```
#3c347c rgb(60,52,124)
```
#433989
```
#433989 rgb(67,57,137)
```
#493f97
```
#493f97 rgb(73,63,151)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```
#574bb3
```
#574bb3 rgb(87,75,179)
```

Shade Color Variation

#6358b9
```
#6358b9 rgb(99,88,185)
```
#7066bf
```
#7066bf rgb(112,102,191)
```
#7d74c5
```
#7d74c5 rgb(125,116,197)
```
#8a82cb
```
#8a82cb rgb(138,130,203)
```
#978fd0
```
#978fd0 rgb(151,143,208)
```
#a49dd6
```
#a49dd6 rgb(164,157,214)
```
#b1abdc
```
#b1abdc rgb(177,171,220)
```
#beb9e2
```
#beb9e2 rgb(190,185,226)
```
#cac7e7
```
#cac7e7 rgb(202,199,231)
```
#d7d5ed
```
#d7d5ed rgb(215,213,237)
```
#e4e2f3
```
#e4e2f3 rgb(228,226,243)
```
#f1f0f9
```
#f1f0f9 rgb(241,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#737278
```
#737278 rgb(115,114,120)
```
#6c6981
```
#6c6981 rgb(108,105,129)
```
#65608a
```
#65608a rgb(101,96,138)
```
#5e5793
```
#5e5793 rgb(94,87,147)
```
#574e9c
```
#574e9c rgb(87,78,156)
```
#5045a5
```
#5045a5 rgb(80,69,165)
```
#493cae
```
#493cae rgb(73,60,174)
```
#4233b7
```
#4233b7 rgb(66,51,183)
```
#3b2ac0
```
#3b2ac0 rgb(59,42,192)
```
#3421c9
```
#3421c9 rgb(52,33,201)
```
#2d18d2
```
#2d18d2 rgb(45,24,210)
```
#260fdb
```
#260fdb rgb(38,15,219)
```
#1f06e4
```
#1f06e4 rgb(31,6,228)
```

Tone Color Variation

Below, you can see how #5045a5 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

#535353 Achromatopsia 0.005% of the population
#525063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005d9a Deuteranopia 1% of men
#3e6168 Tritanopia 0.001% of the population

Trichromacy

#1d51ab Protanomaly 1% of men, 0.01% of women
#1d549e Deuteranomaly 6% of men, 0.4% of women
#45577e Tritanomaly 0.01% of the population

#5045a5 hex color

#5045a5 Color Information

#5045a5 Color Conversion

Color Schemes with #5045a5

Alternatives to #5045a5

#5045a5 Preview

Shades and Tints of #5045a5

Tones of #5045a5

Color Blindness Simulator