#509cef hex color

In a RGB color space, hex #509cef is composed of 31.4% red, 61.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 34.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 211.3 degrees, a saturation of 83.2% and a lightness of 62.5%. #509cef color hex could be obtained by blending #a0ffff with #0039df. 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

● #509cef color description : Soft blue.

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

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

CIE-LAB	63.104, 2.365, -48.599
XYZ	30.773, 31.712, 86.156
xyY	0.207, 0.213, 31.712
CIE-LCH	63.104, 48.657, 272.786
CIE-LUV	63.104, -30.286, -78.11
Hunter-Lab	56.314, -1.006, -51.29
Binary	01010000, 10011100, 11101111

#509cef
```
#509cef rgb(80,156,239)
```
#efa350
```
#efa350 rgb(239,163,80)
```

Complementary Color

#50ecef
```
#50ecef rgb(80,236,239)
```
#509cef
```
#509cef rgb(80,156,239)
```
#5350ef
```
#5350ef rgb(83,80,239)
```

Analogous Color

#ecef50
```
#ecef50 rgb(236,239,80)
```
#509cef
```
#509cef rgb(80,156,239)
```
#ef5350
```
#ef5350 rgb(239,83,80)
```

Split Complementary Color

#9cef50
```
#9cef50 rgb(156,239,80)
```
#509cef
```
#509cef rgb(80,156,239)
```
#ef509c
```
#ef509c rgb(239,80,156)
```

Triadic Color

#50efa3
```
#50efa3 rgb(80,239,163)
```
#509cef
```
#509cef rgb(80,156,239)
```
#ef509c
```
#ef509c rgb(239,80,156)
```
#efa350
```
#efa350 rgb(239,163,80)
```

Tetradic Color

#1475de
```
#1475de rgb(20,117,222)
```
#2182eb
```
#2182eb rgb(33,130,235)
```
#398fed
```
#398fed rgb(57,143,237)
```
#509cef
```
#509cef rgb(80,156,239)
```
#67a9f1
```
#67a9f1 rgb(103,169,241)
```
#7fb6f3
```
#7fb6f3 rgb(127,182,243)
```
#96c4f5
```
#96c4f5 rgb(150,196,245)
```

Monochromatic Color

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

#50c4ef
```
#50c4ef rgb(80,196,239)
```
#50b7ef
```
#50b7ef rgb(80,183,239)
```
#50a9ef
```
#50a9ef rgb(80,169,239)
```
#509cef
```
#509cef rgb(80,156,239)
```
#508fef
```
#508fef rgb(80,143,239)
```
#5082ef
```
#5082ef rgb(80,130,239)
```
#5074ef
```
#5074ef rgb(80,116,239)
```

Similar Colors

Text with hexadecimal color #509cef

This text has a font color of #509cef.

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

#509cef background color

This paragraph has a background color of #509cef.

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

#509cef border color

This element has a border color of #509cef.

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

CSS codes

.text {color:#509cef;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020c17
```
#020c17 rgb(2,12,23)
```
#041529
```
#041529 rgb(4,21,41)
```
#051f3b
```
#051f3b rgb(5,31,59)
```
#07284d
```
#07284d rgb(7,40,77)
```
#09325f
```
#09325f rgb(9,50,95)
```
#0a3b71
```
#0a3b71 rgb(10,59,113)
```
#0c4583
```
#0c4583 rgb(12,69,131)
```
#0e4e94
```
#0e4e94 rgb(14,78,148)
```
#0f58a6
```
#0f58a6 rgb(15,88,166)
```
#1161b8
```
#1161b8 rgb(17,97,184)
```
#136aca
```
#136aca rgb(19,106,202)
```
#1474dc
```
#1474dc rgb(20,116,220)
```

Shade Color Variation

#1a7dea
```
#1a7dea rgb(26,125,234)
```
#2c88ec
```
#2c88ec rgb(44,136,236)
```
#3e92ed
```
#3e92ed rgb(62,146,237)
```
#509cef
```
#509cef rgb(80,156,239)
```
#62a6f1
```
#62a6f1 rgb(98,166,241)
```
#74b0f2
```
#74b0f2 rgb(116,176,242)
```
#86bbf4
```
#86bbf4 rgb(134,187,244)
```
#98c5f6
```
#98c5f6 rgb(152,197,246)
```
#aacff7
```
#aacff7 rgb(170,207,247)
```
#bcd9f9
```
#bcd9f9 rgb(188,217,249)
```
#cee3fb
```
#cee3fb rgb(206,227,251)
```
#e0edfc
```
#e0edfc rgb(224,237,252)
```
#f2f8fe
```
#f2f8fe rgb(242,248,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 #419bfe is the most saturated one.

#999fa6
```
#999fa6 rgb(153,159,166)
```
#929fad
```
#929fad rgb(146,159,173)
```
#8b9fb4
```
#8b9fb4 rgb(139,159,180)
```
#839ebc
```
#839ebc rgb(131,158,188)
```
#7c9ec3
```
#7c9ec3 rgb(124,158,195)
```
#759eca
```
#759eca rgb(117,158,202)
```
#6d9dd2
```
#6d9dd2 rgb(109,157,210)
```
#669dd9
```
#669dd9 rgb(102,157,217)
```
#5f9de0
```
#5f9de0 rgb(95,157,224)
```
#579ce8
```
#579ce8 rgb(87,156,232)
```
#509cef
```
#509cef rgb(80,156,239)
```
#499cf6
```
#499cf6 rgb(73,156,246)
```
#419bfe
```
#419bfe rgb(65,155,254)
```

Tone Color Variation

Below, you can see how #509cef 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
#8292a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9beb Protanopia 1% of men
#6a9ef1 Deuteranopia 1% of men
#26acb9 Tritanopia 0.001% of the population

Trichromacy

#6d9bec Protanomaly 1% of men, 0.01% of women
#609df0 Deuteranomaly 6% of men, 0.4% of women
#35a6cc Tritanomaly 0.01% of the population

#509cef hex color

#509cef Color Information

#509cef Color Conversion

Color Schemes with #509cef

Alternatives to #509cef

#509cef Preview

Shades and Tints of #509cef

Tones of #509cef

Color Blindness Simulator