#509fc2 hex color

In a RGB color space, hex #509fc2 is composed of 31.4% red, 62.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 18% magenta, 0% yellow and 23.9% black. It has a hue angle of 198.4 degrees, a saturation of 48.3% and a lightness of 53.7%. #509fc2 color hex could be obtained by blending #a0ffff with #003f85. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 62
- B 76
RGB color chart
- C 59
- M 18
- Y 0
- K 24
CMYK color chart

● #509fc2 color description : Moderate blue.

The hexadecimal color #509fc2 has RGB values of R:80, G:159, B:194 and CMYK values of C:0.59, M:0.18, Y:0, K:0.24. Its decimal value is 5283778.

Hex triplet	509fc2	`#509fc2`
RGB Decimal	80, 159, 194	`rgb(80,159,194)`
RGB Percent	31.4, 62.4, 76.1	`rgb(31.4%,62.4%,76.1%)`
CMYK	59, 18, 0, 24
HSL	198.4°, 48.3, 53.7	`hsl(198.4,48.3%,53.7%)`
HSV (or HSB)	198.4°, 58.8, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.994, -13.945, -25.35
XYZ	25.442, 30.395, 55.562
xyY	0.228, 0.273, 30.395
CIE-LCH	61.994, 28.933, 241.185
CIE-LUV	61.994, -32.886, -37.248
Hunter-Lab	55.132, -14.108, -21.161
Binary	01010000, 10011111, 11000010

#509fc2
```
#509fc2 rgb(80,159,194)
```
#c27350
```
#c27350 rgb(194,115,80)
```

Complementary Color

#50c2ac
```
#50c2ac rgb(80,194,172)
```
#509fc2
```
#509fc2 rgb(80,159,194)
```
#5066c2
```
#5066c2 rgb(80,102,194)
```

Analogous Color

#c2ac50
```
#c2ac50 rgb(194,172,80)
```
#509fc2
```
#509fc2 rgb(80,159,194)
```
#c25066
```
#c25066 rgb(194,80,102)
```

Split Complementary Color

#9fc250
```
#9fc250 rgb(159,194,80)
```
#509fc2
```
#509fc2 rgb(80,159,194)
```
#c2509f
```
#c2509f rgb(194,80,159)
```

Triadic Color

#50c273
```
#50c273 rgb(80,194,115)
```
#509fc2
```
#509fc2 rgb(80,159,194)
```
#c2509f
```
#c2509f rgb(194,80,159)
```
#c27350
```
#c27350 rgb(194,115,80)
```

Tetradic Color

#337592
```
#337592 rgb(51,117,146)
```
#3a84a5
```
#3a84a5 rgb(58,132,165)
```
#4093b8
```
#4093b8 rgb(64,147,184)
```
#509fc2
```
#509fc2 rgb(80,159,194)
```
#63a9c9
```
#63a9c9 rgb(99,169,201)
```
#76b4cf
```
#76b4cf rgb(118,180,207)
```
#89bed6
```
#89bed6 rgb(137,190,214)
```

Monochromatic Color

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

#50bcc2
```
#50bcc2 rgb(80,188,194)
```
#50b2c2
```
#50b2c2 rgb(80,178,194)
```
#50a9c2
```
#50a9c2 rgb(80,169,194)
```
#509fc2
```
#509fc2 rgb(80,159,194)
```
#5096c2
```
#5096c2 rgb(80,150,194)
```
#508cc2
```
#508cc2 rgb(80,140,194)
```
#5083c2
```
#5083c2 rgb(80,131,194)
```

Similar Colors

Text with hexadecimal color #509fc2

This text has a font color of #509fc2.

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

#509fc2 background color

This paragraph has a background color of #509fc2.

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

#509fc2 border color

This element has a border color of #509fc2.

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

CSS codes

.text {color:#509fc2;}

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

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

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, #050b0e is the darkest color, while #ffffff is the lightest one.

#050b0e
```
#050b0e rgb(5,11,14)
```
#0a171d
```
#0a171d rgb(10,23,29)
```
#0f232b
```
#0f232b rgb(15,35,43)
```
#142e3a
```
#142e3a rgb(20,46,58)
```
#193a48
```
#193a48 rgb(25,58,72)
```
#1e4557
```
#1e4557 rgb(30,69,87)
```
#235165
```
#235165 rgb(35,81,101)
```
#285d74
```
#285d74 rgb(40,93,116)
```
#2d6882
```
#2d6882 rgb(45,104,130)
```
#337491
```
#337491 rgb(51,116,145)
```
#3880a0
```
#3880a0 rgb(56,128,160)
```
#3d8bae
```
#3d8bae rgb(61,139,174)
```
#4297bd
```
#4297bd rgb(66,151,189)
```

Shade Color Variation

#509fc2
```
#509fc2 rgb(80,159,194)
```
#5fa7c7
```
#5fa7c7 rgb(95,167,199)
```
#6dafcc
```
#6dafcc rgb(109,175,204)
```
#7cb7d1
```
#7cb7d1 rgb(124,183,209)
```
#8abfd6
```
#8abfd6 rgb(138,191,214)
```
#99c7db
```
#99c7db rgb(153,199,219)
```
#a7cfe0
```
#a7cfe0 rgb(167,207,224)
```
#b6d7e5
```
#b6d7e5 rgb(182,215,229)
```
#c4dfeb
```
#c4dfeb rgb(196,223,235)
```
#d3e7f0
```
#d3e7f0 rgb(211,231,240)
```
#e1eff5
```
#e1eff5 rgb(225,239,245)
```
#f0f7fa
```
#f0f7fa rgb(240,247,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868a8c is the less saturated color, while #1ab4f8 is the most saturated one.

#868a8c
```
#868a8c rgb(134,138,140)
```
#7d8d95
```
#7d8d95 rgb(125,141,149)
```
#74919e
```
#74919e rgb(116,145,158)
```
#6b94a7
```
#6b94a7 rgb(107,148,167)
```
#6298b0
```
#6298b0 rgb(98,152,176)
```
#599bb9
```
#599bb9 rgb(89,155,185)
```
#509fc2
```
#509fc2 rgb(80,159,194)
```
#47a3cb
```
#47a3cb rgb(71,163,203)
```
#3ea6d4
```
#3ea6d4 rgb(62,166,212)
```
#35aadd
```
#35aadd rgb(53,170,221)
```
#2cade6
```
#2cade6 rgb(44,173,230)
```
#23b1ef
```
#23b1ef rgb(35,177,239)
```
#1ab4f8
```
#1ab4f8 rgb(26,180,248)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7f8f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9199be Protanopia 1% of men
#8e99c9 Deuteranopia 1% of men
#4fa7b3 Tritanopia 0.001% of the population

Trichromacy

#799bbf Protanomaly 1% of men, 0.01% of women
#779bc6 Deuteranomaly 6% of men, 0.4% of women
#4fa4b8 Tritanomaly 0.01% of the population

#509fc2 hex color

#509fc2 Color Information

#509fc2 Color Conversion

Color Schemes with #509fc2

Alternatives to #509fc2

#509fc2 Preview

Shades and Tints of #509fc2

Tones of #509fc2

Color Blindness Simulator