#504afe hex color

In a RGB color space, hex #504afe is composed of 31.4% red, 29% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 70.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 242 degrees, a saturation of 98.9% and a lightness of 64.3%. #504afe color hex could be obtained by blending #a094ff with #0000fd. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 29
- B 100
RGB color chart
- C 69
- M 71
- Y 0
- K 0
CMYK color chart

● #504afe color description : Bright blue.

The hexadecimal color #504afe has RGB values of R:80, G:74, B:254 and CMYK values of C:0.69, M:0.71, Y:0, K:0. Its decimal value is 5262078.

Hex triplet	504afe	`#504afe`
RGB Decimal	80, 74, 254	`rgb(80,74,254)`
RGB Percent	31.4, 29, 99.6	`rgb(31.4%,29%,99.6%)`
CMYK	69, 71, 0, 0
HSL	242°, 98.9, 64.3	`hsl(242,98.9%,64.3%)`
HSV (or HSB)	242°, 70.9, 99.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.883, 56.337, -87.978
XYZ	23.643, 13.758, 95.17
xyY	0.178, 0.104, 13.758
CIE-LCH	43.883, 104.47, 302.634
CIE-LUV	43.883, -8.209, -130.158
Hunter-Lab	37.091, 48.871, -126.165
Binary	01010000, 01001010, 11111110

#504afe
```
#504afe rgb(80,74,254)
```
#f8fe4a
```
#f8fe4a rgb(248,254,74)
```

Complementary Color

#4a9efe
```
#4a9efe rgb(74,158,254)
```
#504afe
```
#504afe rgb(80,74,254)
```
#aa4afe
```
#aa4afe rgb(170,74,254)
```

Analogous Color

#9efe4a
```
#9efe4a rgb(158,254,74)
```
#504afe
```
#504afe rgb(80,74,254)
```
#feaa4a
```
#feaa4a rgb(254,170,74)
```

Split Complementary Color

#4afe50
```
#4afe50 rgb(74,254,80)
```
#504afe
```
#504afe rgb(80,74,254)
```
#fe504a
```
#fe504a rgb(254,80,74)
```

Triadic Color

#4af8fe
```
#4af8fe rgb(74,248,254)
```
#504afe
```
#504afe rgb(80,74,254)
```
#fe504a
```
#fe504a rgb(254,80,74)
```
#f8fe4a
```
#f8fe4a rgb(248,254,74)
```

Tetradic Color

#0a01fa
```
#0a01fa rgb(10,1,250)
```
#1f17fe
```
#1f17fe rgb(31,23,254)
```
#3731fe
```
#3731fe rgb(55,49,254)
```
#504afe
```
#504afe rgb(80,74,254)
```
#6963fe
```
#6963fe rgb(105,99,254)
```
#817dfe
```
#817dfe rgb(129,125,254)
```
#9a96fe
```
#9a96fe rgb(154,150,254)
```

Monochromatic Color

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

#4a71fe
```
#4a71fe rgb(74,113,254)
```
#4a62fe
```
#4a62fe rgb(74,98,254)
```
#4a53fe
```
#4a53fe rgb(74,83,254)
```
#504afe
```
#504afe rgb(80,74,254)
```
#5f4afe
```
#5f4afe rgb(95,74,254)
```
#6e4afe
```
#6e4afe rgb(110,74,254)
```
#7d4afe
```
#7d4afe rgb(125,74,254)
```

Similar Colors

Text with hexadecimal color #504afe

This text has a font color of #504afe.

<span style="color:#504afe;">Text here</span>

#504afe background color

This paragraph has a background color of #504afe.

<p style="background-color:#504afe;">Content here</p>

#504afe border color

This element has a border color of #504afe.

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

CSS codes

.text {color:#504afe;}

.background {background-color:#504afe;}

.border {border:1px solid #504afe;}

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

#01000e
```
#01000e rgb(1,0,14)
```
#010022
```
#010022 rgb(1,0,34)
```
#020035
```
#020035 rgb(2,0,53)
```
#030049
```
#030049 rgb(3,0,73)
```
#04015c
```
#04015c rgb(4,1,92)
```
#040170
```
#040170 rgb(4,1,112)
```
#050183
```
#050183 rgb(5,1,131)
```
#060197
```
#060197 rgb(6,1,151)
```
#0701aa
```
#0701aa rgb(7,1,170)
```
#0701be
```
#0701be rgb(7,1,190)
```
#0801d1
```
#0801d1 rgb(8,1,209)
```
#0901e5
```
#0901e5 rgb(9,1,229)
```
#0a01f8
```
#0a01f8 rgb(10,1,248)
```

Shade Color Variation

#170ffe
```
#170ffe rgb(23,15,254)
```
#2a23fe
```
#2a23fe rgb(42,35,254)
```
#3d36fe
```
#3d36fe rgb(61,54,254)
```
#504afe
```
#504afe rgb(80,74,254)
```
#635efe
```
#635efe rgb(99,94,254)
```
#7671fe
```
#7671fe rgb(118,113,254)
```
#8985fe
```
#8985fe rgb(137,133,254)
```
#9b98fe
```
#9b98fe rgb(155,152,254)
```
#aeacff
```
#aeacff rgb(174,172,255)
```
#c1bfff
```
#c1bfff rgb(193,191,255)
```
#d4d3ff
```
#d4d3ff rgb(212,211,255)
```
#e7e6ff
```
#e7e6ff rgb(231,230,255)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9eaa is the less saturated color, while #504afe is the most saturated one.

#9e9eaa
```
#9e9eaa rgb(158,158,170)
```
#9897b1
```
#9897b1 rgb(152,151,177)
```
#9190b8
```
#9190b8 rgb(145,144,184)
```
#8b89bf
```
#8b89bf rgb(139,137,191)
```
#8482c6
```
#8482c6 rgb(132,130,198)
```
#7e7bcd
```
#7e7bcd rgb(126,123,205)
```
#7774d4
```
#7774d4 rgb(119,116,212)
```
#716ddb
```
#716ddb rgb(113,109,219)
```
#6a66e2
```
#6a66e2 rgb(106,102,226)
```
#645fe9
```
#645fe9 rgb(100,95,233)
```
#5d58f0
```
#5d58f0 rgb(93,88,240)
```
#5751f7
```
#5751f7 rgb(87,81,247)
```
#504afe
```
#504afe rgb(80,74,254)
```

Tone Color Variation

Below, you can see how #504afe 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

#606060 Achromatopsia 0.005% of the population
#5d5c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd2 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1d5fe2 Protanomaly 1% of men, 0.01% of women
#1d63d0 Deuteranomaly 6% of men, 0.4% of women
#1d68ae Tritanomaly 0.01% of the population

#504afe hex color

#504afe Color Information

#504afe Color Conversion

Color Schemes with #504afe

Alternatives to #504afe

#504afe Preview

Shades and Tints of #504afe

Tones of #504afe

Color Blindness Simulator