#509bdc hex color

In a RGB color space, hex #509bdc is composed of 31.4% red, 60.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 29.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 207.9 degrees, a saturation of 66.7% and a lightness of 58.8%. #509bdc color hex could be obtained by blending #a0ffff with #0037b9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 61
- B 86
RGB color chart
- C 64
- M 30
- Y 0
- K 14
CMYK color chart

● #509bdc color description : Soft blue.

The hexadecimal color #509bdc has RGB values of R:80, G:155, B:220 and CMYK values of C:0.64, M:0.3, Y:0, K:0.14. Its decimal value is 5282780.

Hex triplet	509bdc	`#509bdc`
RGB Decimal	80, 155, 220	`rgb(80,155,220)`
RGB Percent	31.4, 60.8, 86.3	`rgb(31.4%,60.8%,86.3%)`
CMYK	64, 30, 0, 14
HSL	207.9°, 66.7, 58.8	`hsl(207.9,66.7%,58.8%)`
HSV (or HSB)	207.9°, 63.6, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.924, -3.405, -39.959
XYZ	27.945, 30.314, 72.085
xyY	0.214, 0.233, 30.314
CIE-LCH	61.924, 40.104, 265.13
CIE-LUV	61.924, -30.513, -62.773
Hunter-Lab	55.058, -5.752, -39.085
Binary	01010000, 10011011, 11011100

#509bdc
```
#509bdc rgb(80,155,220)
```
#dc9150
```
#dc9150 rgb(220,145,80)
```

Complementary Color

#50dcd7
```
#50dcd7 rgb(80,220,215)
```
#509bdc
```
#509bdc rgb(80,155,220)
```
#5055dc
```
#5055dc rgb(80,85,220)
```

Analogous Color

#dcd750
```
#dcd750 rgb(220,215,80)
```
#509bdc
```
#509bdc rgb(80,155,220)
```
#dc5055
```
#dc5055 rgb(220,80,85)
```

Split Complementary Color

#9bdc50
```
#9bdc50 rgb(155,220,80)
```
#509bdc
```
#509bdc rgb(80,155,220)
```
#dc509b
```
#dc509b rgb(220,80,155)
```

Triadic Color

#50dc91
```
#50dc91 rgb(80,220,145)
```
#509bdc
```
#509bdc rgb(80,155,220)
```
#dc509b
```
#dc509b rgb(220,80,155)
```
#dc9150
```
#dc9150 rgb(220,145,80)
```

Tetradic Color

#2575ba
```
#2575ba rgb(37,117,186)
```
#2a82d0
```
#2a82d0 rgb(42,130,208)
```
#3b8fd8
```
#3b8fd8 rgb(59,143,216)
```
#509bdc
```
#509bdc rgb(80,155,220)
```
#65a7e0
```
#65a7e0 rgb(101,167,224)
```
#7bb3e5
```
#7bb3e5 rgb(123,179,229)
```
#90bfe9
```
#90bfe9 rgb(144,191,233)
```

Monochromatic Color

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

#50bedc
```
#50bedc rgb(80,190,220)
```
#50b2dc
```
#50b2dc rgb(80,178,220)
```
#50a7dc
```
#50a7dc rgb(80,167,220)
```
#509bdc
```
#509bdc rgb(80,155,220)
```
#508fdc
```
#508fdc rgb(80,143,220)
```
#5084dc
```
#5084dc rgb(80,132,220)
```
#5078dc
```
#5078dc rgb(80,120,220)
```

Similar Colors

Text with hexadecimal color #509bdc

This text has a font color of #509bdc.

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

#509bdc background color

This paragraph has a background color of #509bdc.

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

#509bdc border color

This element has a border color of #509bdc.

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

CSS codes

.text {color:#509bdc;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#040d15
```
#040d15 rgb(4,13,21)
```
#081826
```
#081826 rgb(8,24,38)
```
#0b2236
```
#0b2236 rgb(11,34,54)
```
#0e2c46
```
#0e2c46 rgb(14,44,70)
```
#113657
```
#113657 rgb(17,54,87)
```
#154167
```
#154167 rgb(21,65,103)
```
#184b77
```
#184b77 rgb(24,75,119)
```
#1b5588
```
#1b5588 rgb(27,85,136)
```
#1e5f98
```
#1e5f98 rgb(30,95,152)
```
#226aa8
```
#226aa8 rgb(34,106,168)
```
#2574b9
```
#2574b9 rgb(37,116,185)
```
#287ec9
```
#287ec9 rgb(40,126,201)
```

Shade Color Variation

#2f88d5
```
#2f88d5 rgb(47,136,213)
```
#4092d9
```
#4092d9 rgb(64,146,217)
```
#509bdc
```
#509bdc rgb(80,155,220)
```
#60a4df
```
#60a4df rgb(96,164,223)
```
#71aee3
```
#71aee3 rgb(113,174,227)
```
#81b7e6
```
#81b7e6 rgb(129,183,230)
```
#91c0e9
```
#91c0e9 rgb(145,192,233)
```
#a2caec
```
#a2caec rgb(162,202,236)
```
#b2d3f0
```
#b2d3f0 rgb(178,211,240)
```
#c2dcf3
```
#c2dcf3 rgb(194,220,243)
```
#d3e6f6
```
#d3e6f6 rgb(211,230,246)
```
#e3eff9
```
#e3eff9 rgb(227,239,249)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91969b is the less saturated color, while #309dfc is the most saturated one.

#91969b
```
#91969b rgb(145,150,155)
```
#8997a3
```
#8997a3 rgb(137,151,163)
```
#8098ac
```
#8098ac rgb(128,152,172)
```
#7898b4
```
#7898b4 rgb(120,152,180)
```
#7099bc
```
#7099bc rgb(112,153,188)
```
#6899c4
```
#6899c4 rgb(104,153,196)
```
#609acc
```
#609acc rgb(96,154,204)
```
#589ad4
```
#589ad4 rgb(88,154,212)
```
#509bdc
```
#509bdc rgb(80,155,220)
```
#489ce4
```
#489ce4 rgb(72,156,228)
```
#409cec
```
#409cec rgb(64,156,236)
```
#389df4
```
#389df4 rgb(56,157,244)
```
#309dfc
```
#309dfc rgb(48,157,252)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#808f9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8598d8 Protanopia 1% of men
#789ae0 Deuteranopia 1% of men
#3ca8b4 Tritanopia 0.001% of the population

Trichromacy

#7199d9 Protanomaly 1% of men, 0.01% of women
#699ade Deuteranomaly 6% of men, 0.4% of women
#43a3c3 Tritanomaly 0.01% of the population

#509bdc hex color

#509bdc Color Information

#509bdc Color Conversion

Color Schemes with #509bdc

Alternatives to #509bdc

#509bdc Preview

Shades and Tints of #509bdc

Tones of #509bdc

Color Blindness Simulator