#505afe hex color

In a RGB color space, hex #505afe is composed of 31.4% red, 35.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 64.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 236.6 degrees, a saturation of 98.9% and a lightness of 65.5%. #505afe color hex could be obtained by blending #a0b4ff with #0000fd. Closest websafe color is: #6666ff.

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

● #505afe color description : Soft blue.

The hexadecimal color #505afe has RGB values of R:80, G:90, B:254 and CMYK values of C:0.69, M:0.65, Y:0, K:0. Its decimal value is 5266174.

Hex triplet	505afe	`#505afe`
RGB Decimal	80, 90, 254	`rgb(80,90,254)`
RGB Percent	31.4, 35.3, 99.6	`rgb(31.4%,35.3%,99.6%)`
CMYK	69, 65, 0, 0
HSL	236.6°, 98.9, 65.5	`hsl(236.6,98.9%,65.5%)`
HSV (or HSB)	236.6°, 68.5, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.2, 47.306, -82.529
XYZ	24.85, 16.172, 95.572
xyY	0.182, 0.118, 16.172
CIE-LCH	47.2, 95.126, 299.822
CIE-LUV	47.2, -11.33, -126.206
Hunter-Lab	40.215, 39.927, -112.756
Binary	01010000, 01011010, 11111110

#505afe
```
#505afe rgb(80,90,254)
```
#fef450
```
#fef450 rgb(254,244,80)
```

Complementary Color

#50b1fe
```
#50b1fe rgb(80,177,254)
```
#505afe
```
#505afe rgb(80,90,254)
```
#9d50fe
```
#9d50fe rgb(157,80,254)
```

Analogous Color

#b1fe50
```
#b1fe50 rgb(177,254,80)
```
#505afe
```
#505afe rgb(80,90,254)
```
#fe9d50
```
#fe9d50 rgb(254,157,80)
```

Split Complementary Color

#5afe50
```
#5afe50 rgb(90,254,80)
```
#505afe
```
#505afe rgb(80,90,254)
```
#fe505a
```
#fe505a rgb(254,80,90)
```

Triadic Color

#50fef4
```
#50fef4 rgb(80,254,244)
```
#505afe
```
#505afe rgb(80,90,254)
```
#fe505a
```
#fe505a rgb(254,80,90)
```
#fef450
```
#fef450 rgb(254,244,80)
```

Tetradic Color

#0412fe
```
#0412fe rgb(4,18,254)
```
#1d2afe
```
#1d2afe rgb(29,42,254)
```
#3742fe
```
#3742fe rgb(55,66,254)
```
#505afe
```
#505afe rgb(80,90,254)
```
#6972fe
```
#6972fe rgb(105,114,254)
```
#838afe
```
#838afe rgb(131,138,254)
```
#9ca2fe
```
#9ca2fe rgb(156,162,254)
```

Monochromatic Color

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

#5086fe
```
#5086fe rgb(80,134,254)
```
#5077fe
```
#5077fe rgb(80,119,254)
```
#5069fe
```
#5069fe rgb(80,105,254)
```
#505afe
```
#505afe rgb(80,90,254)
```
#5550fe
```
#5550fe rgb(85,80,254)
```
#6350fe
```
#6350fe rgb(99,80,254)
```
#7250fe
```
#7250fe rgb(114,80,254)
```

Similar Colors

Text with hexadecimal color #505afe

This text has a font color of #505afe.

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

#505afe background color

This paragraph has a background color of #505afe.

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

#505afe border color

This element has a border color of #505afe.

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

CSS codes

.text {color:#505afe;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000114
```
#000114 rgb(0,1,20)
```
#000228
```
#000228 rgb(0,2,40)
```
#00043b
```
#00043b rgb(0,4,59)
```
#00054f
```
#00054f rgb(0,5,79)
```
#010662
```
#010662 rgb(1,6,98)
```
#010776
```
#010776 rgb(1,7,118)
```
#010989
```
#010989 rgb(1,9,137)
```
#010a9d
```
#010a9d rgb(1,10,157)
```
#010bb0
```
#010bb0 rgb(1,11,176)
```
#010cc4
```
#010cc4 rgb(1,12,196)
```
#010ed7
```
#010ed7 rgb(1,14,215)
```
#010feb
```
#010feb rgb(1,15,235)
```

Shade Color Variation

#0210fe
```
#0210fe rgb(2,16,254)
```
#1523fe
```
#1523fe rgb(21,35,254)
```
#2935fe
```
#2935fe rgb(41,53,254)
```
#3c48fe
```
#3c48fe rgb(60,72,254)
```
#505afe
```
#505afe rgb(80,90,254)
```
#646cfe
```
#646cfe rgb(100,108,254)
```
#777ffe
```
#777ffe rgb(119,127,254)
```
#8b91fe
```
#8b91fe rgb(139,145,254)
```
#9ea4fe
```
#9ea4fe rgb(158,164,254)
```
#b2b6ff
```
#b2b6ff rgb(178,182,255)
```
#c5c8ff
```
#c5c8ff rgb(197,200,255)
```
#d9dbff
```
#d9dbff rgb(217,219,255)
```
#ecedff
```
#ecedff rgb(236,237,255)
```

Tint Color Variation

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

#a1a2ad
```
#a1a2ad rgb(161,162,173)
```
#9a9cb4
```
#9a9cb4 rgb(154,156,180)
```
#9496ba
```
#9496ba rgb(148,150,186)
```
#8d90c1
```
#8d90c1 rgb(141,144,193)
```
#868ac8
```
#868ac8 rgb(134,138,200)
```
#7f84cf
```
#7f84cf rgb(127,132,207)
```
#797ed5
```
#797ed5 rgb(121,126,213)
```
#7278dc
```
#7278dc rgb(114,120,220)
```
#6b72e3
```
#6b72e3 rgb(107,114,227)
```
#646cea
```
#646cea rgb(100,108,234)
```
#5e66f0
```
#5e66f0 rgb(94,102,240)
```
#5760f7
```
#5760f7 rgb(87,96,247)
```
#505afe
```
#505afe rgb(80,90,254)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#656788 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac4 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#1d6aec Protanomaly 1% of men, 0.01% of women
#1d6ed9 Deuteranomaly 6% of men, 0.4% of women
#1d74b4 Tritanomaly 0.01% of the population

#505afe hex color

#505afe Color Information

#505afe Color Conversion

Color Schemes with #505afe

Alternatives to #505afe

#505afe Preview

Shades and Tints of #505afe

Tones of #505afe

Color Blindness Simulator