#509afb hex color

In a RGB color space, hex #509afb is composed of 31.4% red, 60.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 38.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 214 degrees, a saturation of 95.5% and a lightness of 64.9%. #509afb color hex could be obtained by blending #a0ffff with #0035f7. Closest websafe color is: #6699ff.

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

● #509afb color description : Soft blue.

The hexadecimal color #509afb has RGB values of R:80, G:154, B:251 and CMYK values of C:0.68, M:0.39, Y:0, K:0.02. Its decimal value is 5282555.

Hex triplet	509afb	`#509afb`
RGB Decimal	80, 154, 251	`rgb(80,154,251)`
RGB Percent	31.4, 60.4, 98.4	`rgb(31.4%,60.4%,98.4%)`
CMYK	68, 39, 0, 2
HSL	214°, 95.5, 64.9	`hsl(214,95.5%,64.9%)`
HSV (or HSB)	214°, 68.1, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.16, 7.612, -55.092
XYZ	32.272, 31.779, 95.695
xyY	0.202, 0.199, 31.779
CIE-LCH	63.16, 55.616, 277.867
CIE-LUV	63.16, -29.293, -89.533
Hunter-Lab	56.373, 3.534, -61.185
Binary	01010000, 10011010, 11111011

#509afb
```
#509afb rgb(80,154,251)
```
#fbb150
```
#fbb150 rgb(251,177,80)
```

Complementary Color

#50f0fb
```
#50f0fb rgb(80,240,251)
```
#509afb
```
#509afb rgb(80,154,251)
```
#5c50fb
```
#5c50fb rgb(92,80,251)
```

Analogous Color

#f0fb50
```
#f0fb50 rgb(240,251,80)
```
#509afb
```
#509afb rgb(80,154,251)
```
#fb5c50
```
#fb5c50 rgb(251,92,80)
```

Split Complementary Color

#9afb50
```
#9afb50 rgb(154,251,80)
```
#509afb
```
#509afb rgb(80,154,251)
```
#fb509a
```
#fb509a rgb(251,80,154)
```

Triadic Color

#50fbb1
```
#50fbb1 rgb(80,251,177)
```
#509afb
```
#509afb rgb(80,154,251)
```
#fb509a
```
#fb509a rgb(251,80,154)
```
#fbb150
```
#fbb150 rgb(251,177,80)
```

Tetradic Color

#066ff9
```
#066ff9 rgb(6,111,249)
```
#1e7dfa
```
#1e7dfa rgb(30,125,250)
```
#378cfa
```
#378cfa rgb(55,140,250)
```
#509afb
```
#509afb rgb(80,154,251)
```
#69a8fc
```
#69a8fc rgb(105,168,252)
```
#82b7fc
```
#82b7fc rgb(130,183,252)
```
#9bc5fd
```
#9bc5fd rgb(155,197,253)
```

Monochromatic Color

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

#50c5fb
```
#50c5fb rgb(80,197,251)
```
#50b7fb
```
#50b7fb rgb(80,183,251)
```
#50a8fb
```
#50a8fb rgb(80,168,251)
```
#509afb
```
#509afb rgb(80,154,251)
```
#508cfb
```
#508cfb rgb(80,140,251)
```
#507efb
```
#507efb rgb(80,126,251)
```
#506ffb
```
#506ffb rgb(80,111,251)
```

Similar Colors

Text with hexadecimal color #509afb

This text has a font color of #509afb.

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

#509afb background color

This paragraph has a background color of #509afb.

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

#509afb border color

This element has a border color of #509afb.

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

CSS codes

.text {color:#509afb;}

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

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

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

#000711
```
#000711 rgb(0,7,17)
```
#011024
```
#011024 rgb(1,16,36)
```
#011937
```
#011937 rgb(1,25,55)
```
#02214a
```
#02214a rgb(2,33,74)
```
#022a5d
```
#022a5d rgb(2,42,93)
```
#033271
```
#033271 rgb(3,50,113)
```
#033b84
```
#033b84 rgb(3,59,132)
```
#034397
```
#034397 rgb(3,67,151)
```
#044caa
```
#044caa rgb(4,76,170)
```
#0454bd
```
#0454bd rgb(4,84,189)
```
#055dd1
```
#055dd1 rgb(5,93,209)
```
#0565e4
```
#0565e4 rgb(5,101,228)
```
#066ef7
```
#066ef7 rgb(6,110,247)
```

Shade Color Variation

#1679fa
```
#1679fa rgb(22,121,250)
```
#2a84fa
```
#2a84fa rgb(42,132,250)
```
#3d8ffb
```
#3d8ffb rgb(61,143,251)
```
#509afb
```
#509afb rgb(80,154,251)
```
#63a5fb
```
#63a5fb rgb(99,165,251)
```
#76b0fc
```
#76b0fc rgb(118,176,252)
```
#8abbfc
```
#8abbfc rgb(138,187,252)
```
#9dc6fd
```
#9dc6fd rgb(157,198,253)
```
#b0d1fd
```
#b0d1fd rgb(176,209,253)
```
#c3dcfe
```
#c3dcfe rgb(195,220,254)
```
#d6e7fe
```
#d6e7fe rgb(214,231,254)
```
#e9f3ff
```
#e9f3ff rgb(233,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a3a5a8
```
#a3a5a8 rgb(163,165,168)
```
#9ca4af
```
#9ca4af rgb(156,164,175)
```
#95a3b6
```
#95a3b6 rgb(149,163,182)
```
#8ea2bd
```
#8ea2bd rgb(142,162,189)
```
#87a1c4
```
#87a1c4 rgb(135,161,196)
```
#80a0cb
```
#80a0cb rgb(128,160,203)
```
#79a0d2
```
#79a0d2 rgb(121,160,210)
```
#729fd9
```
#729fd9 rgb(114,159,217)
```
#6c9edf
```
#6c9edf rgb(108,158,223)
```
#659de6
```
#659de6 rgb(101,157,230)
```
#5e9ced
```
#5e9ced rgb(94,156,237)
```
#579bf4
```
#579bf4 rgb(87,155,244)
```
#509afb
```
#509afb rgb(80,154,251)
```

Tone Color Variation

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

#759bf7 Protanopia 1% of men
#599ffb Deuteranopia 1% of men
#00adba Tritanopia 0.001% of the population

Trichromacy

#679af9 Protanomaly 1% of men, 0.01% of women
#559dfb Deuteranomaly 6% of men, 0.4% of women
#1da6d1 Tritanomaly 0.01% of the population

#509afb hex color

#509afb Color Information

#509afb Color Conversion

Color Schemes with #509afb

Alternatives to #509afb

#509afb Preview

Shades and Tints of #509afb

Tones of #509afb

Color Blindness Simulator