#509afe hex color

In a RGB color space, hex #509afe is composed of 31.4% red, 60.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 39.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 214.5 degrees, a saturation of 98.9% and a lightness of 65.5%. #509afe color hex could be obtained by blending #a0ffff with #0035fd. Closest websafe color is: #6699ff.

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

● #509afe color description : Soft blue.

The hexadecimal color #509afe has RGB values of R:80, G:154, B:254 and CMYK values of C:0.69, M:0.39, Y:0, K:0. Its decimal value is 5282558.

Hex triplet	509afe	`#509afe`
RGB Decimal	80, 154, 254	`rgb(80,154,254)`
RGB Percent	31.4, 60.4, 99.6	`rgb(31.4%,60.4%,99.6%)`
CMYK	69, 39, 0, 0
HSL	214.5°, 98.9, 65.5	`hsl(214.5,98.9%,65.5%)`
HSV (or HSB)	214.5°, 68.5, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.318, 8.641, -56.481
XYZ	32.749, 31.97, 98.205
xyY	0.201, 0.196, 31.97
CIE-LCH	63.318, 57.138, 278.698
CIE-LUV	63.318, -29.219, -91.99
Hunter-Lab	56.542, 4.439, -63.399
Binary	01010000, 10011010, 11111110

#509afe
```
#509afe rgb(80,154,254)
```
#feb450
```
#feb450 rgb(254,180,80)
```

Complementary Color

#50f1fe
```
#50f1fe rgb(80,241,254)
```
#509afe
```
#509afe rgb(80,154,254)
```
#5d50fe
```
#5d50fe rgb(93,80,254)
```

Analogous Color

#f1fe50
```
#f1fe50 rgb(241,254,80)
```
#509afe
```
#509afe rgb(80,154,254)
```
#fe5d50
```
#fe5d50 rgb(254,93,80)
```

Split Complementary Color

#9afe50
```
#9afe50 rgb(154,254,80)
```
#509afe
```
#509afe rgb(80,154,254)
```
#fe509a
```
#fe509a rgb(254,80,154)
```

Triadic Color

#50feb4
```
#50feb4 rgb(80,254,180)
```
#509afe
```
#509afe rgb(80,154,254)
```
#fe509a
```
#fe509a rgb(254,80,154)
```
#feb450
```
#feb450 rgb(254,180,80)
```

Tetradic Color

#046efe
```
#046efe rgb(4,110,254)
```
#1d7dfe
```
#1d7dfe rgb(29,125,254)
```
#378bfe
```
#378bfe rgb(55,139,254)
```
#509afe
```
#509afe rgb(80,154,254)
```
#69a9fe
```
#69a9fe rgb(105,169,254)
```
#83b7fe
```
#83b7fe rgb(131,183,254)
```
#9cc6fe
```
#9cc6fe rgb(156,198,254)
```

Monochromatic Color

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

#50c6fe
```
#50c6fe rgb(80,198,254)
```
#50b7fe
```
#50b7fe rgb(80,183,254)
```
#50a9fe
```
#50a9fe rgb(80,169,254)
```
#509afe
```
#509afe rgb(80,154,254)
```
#508cfe
```
#508cfe rgb(80,140,254)
```
#507dfe
```
#507dfe rgb(80,125,254)
```
#506ffe
```
#506ffe rgb(80,111,254)
```

Similar Colors

Text with hexadecimal color #509afe

This text has a font color of #509afe.

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

#509afe background color

This paragraph has a background color of #509afe.

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

#509afe border color

This element has a border color of #509afe.

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

CSS codes

.text {color:#509afe;}

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

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

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 #ecf4ff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#000914
```
#000914 rgb(0,9,20)
```
#001128
```
#001128 rgb(0,17,40)
```
#00193b
```
#00193b rgb(0,25,59)
```
#00224f
```
#00224f rgb(0,34,79)
```
#012a62
```
#012a62 rgb(1,42,98)
```
#013276
```
#013276 rgb(1,50,118)
```
#013b89
```
#013b89 rgb(1,59,137)
```
#01439d
```
#01439d rgb(1,67,157)
```
#014bb0
```
#014bb0 rgb(1,75,176)
```
#0154c4
```
#0154c4 rgb(1,84,196)
```
#015cd7
```
#015cd7 rgb(1,92,215)
```
#0165eb
```
#0165eb rgb(1,101,235)
```

Shade Color Variation

#026dfe
```
#026dfe rgb(2,109,254)
```
#1578fe
```
#1578fe rgb(21,120,254)
```
#2983fe
```
#2983fe rgb(41,131,254)
```
#3c8ffe
```
#3c8ffe rgb(60,143,254)
```
#509afe
```
#509afe rgb(80,154,254)
```
#64a5fe
```
#64a5fe rgb(100,165,254)
```
#77b1fe
```
#77b1fe rgb(119,177,254)
```
#8bbcfe
```
#8bbcfe rgb(139,188,254)
```
#9ec7fe
```
#9ec7fe rgb(158,199,254)
```
#b2d2ff
```
#b2d2ff rgb(178,210,255)
```
#c5deff
```
#c5deff rgb(197,222,255)
```
#d9e9ff
```
#d9e9ff rgb(217,233,255)
```
#ecf4ff
```
#ecf4ff rgb(236,244,255)
```

Tint Color Variation

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

#a1a6ad
```
#a1a6ad rgb(161,166,173)
```
#9aa5b4
```
#9aa5b4 rgb(154,165,180)
```
#94a4ba
```
#94a4ba rgb(148,164,186)
```
#8da3c1
```
#8da3c1 rgb(141,163,193)
```
#86a2c8
```
#86a2c8 rgb(134,162,200)
```
#7fa1cf
```
#7fa1cf rgb(127,161,207)
```
#79a0d5
```
#79a0d5 rgb(121,160,213)
```
#729fdc
```
#729fdc rgb(114,159,220)
```
#6b9ee3
```
#6b9ee3 rgb(107,158,227)
```
#649dea
```
#649dea rgb(100,157,234)
```
#5e9cf0
```
#5e9cf0 rgb(94,156,240)
```
#579bf7
```
#579bf7 rgb(87,155,247)
```
#509afe
```
#509afe rgb(80,154,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8291a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#739bfa Protanopia 1% of men
#559ffd Deuteranopia 1% of men
#00adba Tritanopia 0.001% of the population

Trichromacy

#669afc Protanomaly 1% of men, 0.01% of women
#539dfd Deuteranomaly 6% of men, 0.4% of women
#1da6d3 Tritanomaly 0.01% of the population

#509afe hex color

#509afe Color Information

#509afe Color Conversion

Color Schemes with #509afe

Alternatives to #509afe

#509afe Preview

Shades and Tints of #509afe

Tones of #509afe

Color Blindness Simulator