#509eb6 hex color

In a RGB color space, hex #509eb6 is composed of 31.4% red, 62% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 13.2% magenta, 0% yellow and 28.6% black. It has a hue angle of 194.1 degrees, a saturation of 41.1% and a lightness of 51.4%. #509eb6 color hex could be obtained by blending #a0ffff with #003d6d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 62
- B 71
RGB color chart
- C 56
- M 13
- Y 0
- K 29
CMYK color chart

● #509eb6 color description : Moderate cyan.

The hexadecimal color #509eb6 has RGB values of R:80, G:158, B:182 and CMYK values of C:0.56, M:0.13, Y:0, K:0.29. Its decimal value is 5283510.

Hex triplet	509eb6	`#509eb6`
RGB Decimal	80, 158, 182	`rgb(80,158,182)`
RGB Percent	31.4, 62, 71.4	`rgb(31.4%,62%,71.4%)`
CMYK	56, 13, 0, 29
HSL	194.1°, 41.1, 51.4	`hsl(194.1,41.1%,51.4%)`
HSV (or HSB)	194.1°, 56, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.251, -17.052, -19.75
XYZ	23.976, 29.535, 48.691
xyY	0.235, 0.289, 29.535
CIE-LCH	61.251, 26.093, 229.194
CIE-LUV	61.251, -32.969, -27.677
Hunter-Lab	54.346, -16.355, -15.078
Binary	01010000, 10011110, 10110110

#509eb6
```
#509eb6 rgb(80,158,182)
```
#b66850
```
#b66850 rgb(182,104,80)
```

Complementary Color

#50b69b
```
#50b69b rgb(80,182,155)
```
#509eb6
```
#509eb6 rgb(80,158,182)
```
#506bb6
```
#506bb6 rgb(80,107,182)
```

Analogous Color

#b69b50
```
#b69b50 rgb(182,155,80)
```
#509eb6
```
#509eb6 rgb(80,158,182)
```
#b6506b
```
#b6506b rgb(182,80,107)
```

Split Complementary Color

#9eb650
```
#9eb650 rgb(158,182,80)
```
#509eb6
```
#509eb6 rgb(80,158,182)
```
#b6509e
```
#b6509e rgb(182,80,158)
```

Triadic Color

#50b668
```
#50b668 rgb(80,182,104)
```
#509eb6
```
#509eb6 rgb(80,158,182)
```
#b6509e
```
#b6509e rgb(182,80,158)
```
#b66850
```
#b66850 rgb(182,104,80)
```

Tetradic Color

#377183
```
#377183 rgb(55,113,131)
```
#3e8095
```
#3e8095 rgb(62,128,149)
```
#4690a7
```
#4690a7 rgb(70,144,167)
```
#509eb6
```
#509eb6 rgb(80,158,182)
```
#62a8be
```
#62a8be rgb(98,168,190)
```
#74b2c5
```
#74b2c5 rgb(116,178,197)
```
#86bccd
```
#86bccd rgb(134,188,205)
```

Monochromatic Color

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

#50b6b5
```
#50b6b5 rgb(80,182,181)
```
#50afb6
```
#50afb6 rgb(80,175,182)
```
#50a7b6
```
#50a7b6 rgb(80,167,182)
```
#509eb6
```
#509eb6 rgb(80,158,182)
```
#5096b6
```
#5096b6 rgb(80,150,182)
```
#508db6
```
#508db6 rgb(80,141,182)
```
#5085b6
```
#5085b6 rgb(80,133,182)
```

Similar Colors

Text with hexadecimal color #509eb6

This text has a font color of #509eb6.

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

#509eb6 background color

This paragraph has a background color of #509eb6.

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

#509eb6 border color

This element has a border color of #509eb6.

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

CSS codes

.text {color:#509eb6;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081013
```
#081013 rgb(8,16,19)
```
#0e1c21
```
#0e1c21 rgb(14,28,33)
```
#13282e
```
#13282e rgb(19,40,46)
```
#19343c
```
#19343c rgb(25,52,60)
```
#1f404a
```
#1f404a rgb(31,64,74)
```
#254c58
```
#254c58 rgb(37,76,88)
```
#2a5866
```
#2a5866 rgb(42,88,102)
```
#306474
```
#306474 rgb(48,100,116)
```
#367082
```
#367082 rgb(54,112,130)
```
#3c7c8f
```
#3c7c8f rgb(60,124,143)
```
#42889d
```
#42889d rgb(66,136,157)
```
#4794ab
```
#4794ab rgb(71,148,171)
```

Shade Color Variation

#509eb6
```
#509eb6 rgb(80,158,182)
```
#5ea6bc
```
#5ea6bc rgb(94,166,188)
```
#6cadc2
```
#6cadc2 rgb(108,173,194)
```
#7ab5c7
```
#7ab5c7 rgb(122,181,199)
```
#87bdcd
```
#87bdcd rgb(135,189,205)
```
#95c4d3
```
#95c4d3 rgb(149,196,211)
```
#a3ccd9
```
#a3ccd9 rgb(163,204,217)
```
#b1d4de
```
#b1d4de rgb(177,212,222)
```
#bfdbe4
```
#bfdbe4 rgb(191,219,228)
```
#cde3ea
```
#cde3ea rgb(205,227,234)
```
#daebf0
```
#daebf0 rgb(218,235,240)
```
#e8f2f6
```
#e8f2f6 rgb(232,242,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#808586
```
#808586 rgb(128,133,134)
```
#768a90
```
#768a90 rgb(118,138,144)
```
#6d8f99
```
#6d8f99 rgb(109,143,153)
```
#6394a3
```
#6394a3 rgb(99,148,163)
```
#5a99ac
```
#5a99ac rgb(90,153,172)
```
#509eb6
```
#509eb6 rgb(80,158,182)
```
#46a3c0
```
#46a3c0 rgb(70,163,192)
```
#3da8c9
```
#3da8c9 rgb(61,168,201)
```
#33add3
```
#33add3 rgb(51,173,211)
```
#2ab2dc
```
#2ab2dc rgb(42,178,220)
```
#20b7e6
```
#20b7e6 rgb(32,183,230)
```
#17bcef
```
#17bcef rgb(23,188,239)
```
#0dc1f9
```
#0dc1f9 rgb(13,193,249)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7e8d92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9398b3 Protanopia 1% of men
#9396be Deuteranopia 1% of men
#54a4b0 Tritanopia 0.001% of the population

Trichromacy

#7b9ab4 Protanomaly 1% of men, 0.01% of women
#7a99bb Deuteranomaly 6% of men, 0.4% of women
#52a2b2 Tritanomaly 0.01% of the population

#509eb6 hex color

#509eb6 Color Information

#509eb6 Color Conversion

Color Schemes with #509eb6

Alternatives to #509eb6

#509eb6 Preview

Shades and Tints of #509eb6

Tones of #509eb6

Color Blindness Simulator