#509bef hex color

In a RGB color space, hex #509bef is composed of 31.4% red, 60.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 35.1% magenta, 0% yellow and 6.3% black. It has a hue angle of 211.7 degrees, a saturation of 83.2% and a lightness of 62.5%. #509bef color hex could be obtained by blending #a0ffff with #0037df. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 61
- B 94
RGB color chart
- C 67
- M 35
- Y 0
- K 6
CMYK color chart

● #509bef color description : Soft blue.

The hexadecimal color #509bef has RGB values of R:80, G:155, B:239 and CMYK values of C:0.67, M:0.35, Y:0, K:0.06. Its decimal value is 5282799.

Hex triplet	509bef	`#509bef`
RGB Decimal	80, 155, 239	`rgb(80,155,239)`
RGB Percent	31.4, 60.8, 93.7	`rgb(31.4%,60.8%,93.7%)`
CMYK	67, 35, 0, 6
HSL	211.7°, 83.2, 62.5	`hsl(211.7,83.2%,62.5%)`
HSV (or HSB)	211.7°, 66.5, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.825, 2.945, -49.04
XYZ	30.606, 31.378, 86.1
xyY	0.207, 0.212, 31.378
CIE-LCH	62.825, 49.128, 273.436
CIE-LUV	62.825, -29.946, -78.853
Hunter-Lab	56.016, -0.499, -51.921
Binary	01010000, 10011011, 11101111

#509bef
```
#509bef rgb(80,155,239)
```
#efa450
```
#efa450 rgb(239,164,80)
```

Complementary Color

#50ebef
```
#50ebef rgb(80,235,239)
```
#509bef
```
#509bef rgb(80,155,239)
```
#5450ef
```
#5450ef rgb(84,80,239)
```

Analogous Color

#ebef50
```
#ebef50 rgb(235,239,80)
```
#509bef
```
#509bef rgb(80,155,239)
```
#ef5550
```
#ef5550 rgb(239,85,80)
```

Split Complementary Color

#9bef50
```
#9bef50 rgb(155,239,80)
```
#509bef
```
#509bef rgb(80,155,239)
```
#ef509b
```
#ef509b rgb(239,80,155)
```

Triadic Color

#50efa4
```
#50efa4 rgb(80,239,164)
```
#509bef
```
#509bef rgb(80,155,239)
```
#ef509b
```
#ef509b rgb(239,80,155)
```
#efa450
```
#efa450 rgb(239,164,80)
```

Tetradic Color

#1474de
```
#1474de rgb(20,116,222)
```
#2180eb
```
#2180eb rgb(33,128,235)
```
#398eed
```
#398eed rgb(57,142,237)
```
#509bef
```
#509bef rgb(80,155,239)
```
#67a8f1
```
#67a8f1 rgb(103,168,241)
```
#7fb6f3
```
#7fb6f3 rgb(127,182,243)
```
#96c3f5
```
#96c3f5 rgb(150,195,245)
```

Monochromatic Color

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

#50c3ef
```
#50c3ef rgb(80,195,239)
```
#50b6ef
```
#50b6ef rgb(80,182,239)
```
#50a8ef
```
#50a8ef rgb(80,168,239)
```
#509bef
```
#509bef rgb(80,155,239)
```
#508eef
```
#508eef rgb(80,142,239)
```
#5081ef
```
#5081ef rgb(80,129,239)
```
#5073ef
```
#5073ef rgb(80,115,239)
```

Similar Colors

Text with hexadecimal color #509bef

This text has a font color of #509bef.

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

#509bef background color

This paragraph has a background color of #509bef.

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

#509bef border color

This element has a border color of #509bef.

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

CSS codes

.text {color:#509bef;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020c17
```
#020c17 rgb(2,12,23)
```
#041529
```
#041529 rgb(4,21,41)
```
#051e3b
```
#051e3b rgb(5,30,59)
```
#07284d
```
#07284d rgb(7,40,77)
```
#09315f
```
#09315f rgb(9,49,95)
```
#0a3b71
```
#0a3b71 rgb(10,59,113)
```
#0c4483
```
#0c4483 rgb(12,68,131)
```
#0e4d94
```
#0e4d94 rgb(14,77,148)
```
#0f57a6
```
#0f57a6 rgb(15,87,166)
```
#1160b8
```
#1160b8 rgb(17,96,184)
```
#1369ca
```
#1369ca rgb(19,105,202)
```
#1473dc
```
#1473dc rgb(20,115,220)
```

Shade Color Variation

#1a7cea
```
#1a7cea rgb(26,124,234)
```
#2c86ec
```
#2c86ec rgb(44,134,236)
```
#3e91ed
```
#3e91ed rgb(62,145,237)
```
#509bef
```
#509bef rgb(80,155,239)
```
#62a5f1
```
#62a5f1 rgb(98,165,241)
```
#74b0f2
```
#74b0f2 rgb(116,176,242)
```
#86baf4
```
#86baf4 rgb(134,186,244)
```
#98c4f6
```
#98c4f6 rgb(152,196,246)
```
#aacef7
```
#aacef7 rgb(170,206,247)
```
#bcd9f9
```
#bcd9f9 rgb(188,217,249)
```
#cee3fb
```
#cee3fb rgb(206,227,251)
```
#e0edfc
```
#e0edfc rgb(224,237,252)
```
#f2f7fe
```
#f2f7fe rgb(242,247,254)
```

Tint Color Variation

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

#999fa6
```
#999fa6 rgb(153,159,166)
```
#929fad
```
#929fad rgb(146,159,173)
```
#8b9eb4
```
#8b9eb4 rgb(139,158,180)
```
#839ebc
```
#839ebc rgb(131,158,188)
```
#7c9dc3
```
#7c9dc3 rgb(124,157,195)
```
#759dca
```
#759dca rgb(117,157,202)
```
#6d9dd2
```
#6d9dd2 rgb(109,157,210)
```
#669cd9
```
#669cd9 rgb(102,156,217)
```
#5f9ce0
```
#5f9ce0 rgb(95,156,224)
```
#579be8
```
#579be8 rgb(87,155,232)
```
#509bef
```
#509bef rgb(80,155,239)
```
#499bf6
```
#499bf6 rgb(73,155,246)
```
#419afe
```
#419afe rgb(65,154,254)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#8291a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d9aeb Protanopia 1% of men
#689df0 Deuteranopia 1% of men
#24acb8 Tritanopia 0.001% of the population

Trichromacy

#6c9aec Protanomaly 1% of men, 0.01% of women
#5f9cf0 Deuteranomaly 6% of men, 0.4% of women
#34a5cc Tritanomaly 0.01% of the population

#509bef hex color

#509bef Color Information

#509bef Color Conversion

Color Schemes with #509bef

Alternatives to #509bef

#509bef Preview

Shades and Tints of #509bef

Tones of #509bef

Color Blindness Simulator