#509acc hex color

In a RGB color space, hex #509acc is composed of 31.4% red, 60.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 24.5% magenta, 0% yellow and 20% black. It has a hue angle of 204.2 degrees, a saturation of 54.9% and a lightness of 55.7%. #509acc color hex could be obtained by blending #a0ffff with #003599. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 60
- B 80
RGB color chart
- C 61
- M 25
- Y 0
- K 20
CMYK color chart

● #509acc color description : Moderate blue.

The hexadecimal color #509acc has RGB values of R:80, G:154, B:204 and CMYK values of C:0.61, M:0.25, Y:0, K:0.2. Its decimal value is 5282508.

Hex triplet	509acc	`#509acc`
RGB Decimal	80, 154, 204	`rgb(80,154,204)`
RGB Percent	31.4, 60.4, 80	`rgb(31.4%,60.4%,80%)`
CMYK	61, 25, 0, 20
HSL	204.2°, 54.9, 55.7	`hsl(204.2,54.9%,55.7%)`
HSV (or HSB)	204.2°, 60.8, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.935, -8.044, -32.584
XYZ	25.76, 29.175, 61.397
xyY	0.221, 0.251, 29.175
CIE-LCH	60.935, 33.562, 256.134
CIE-LUV	60.935, -30.672, -49.799
Hunter-Lab	54.013, -9.393, -29.586
Binary	01010000, 10011010, 11001100

#509acc
```
#509acc rgb(80,154,204)
```
#cc8250
```
#cc8250 rgb(204,130,80)
```

Complementary Color

#50ccc0
```
#50ccc0 rgb(80,204,192)
```
#509acc
```
#509acc rgb(80,154,204)
```
#505ccc
```
#505ccc rgb(80,92,204)
```

Analogous Color

#ccc050
```
#ccc050 rgb(204,192,80)
```
#509acc
```
#509acc rgb(80,154,204)
```
#cc505c
```
#cc505c rgb(204,80,92)
```

Split Complementary Color

#9acc50
```
#9acc50 rgb(154,204,80)
```
#509acc
```
#509acc rgb(80,154,204)
```
#cc509a
```
#cc509a rgb(204,80,154)
```

Triadic Color

#50cc82
```
#50cc82 rgb(80,204,130)
```
#509acc
```
#509acc rgb(80,154,204)
```
#cc509a
```
#cc509a rgb(204,80,154)
```
#cc8250
```
#cc8250 rgb(204,130,80)
```

Tetradic Color

#2f73a1
```
#2f73a1 rgb(47,115,161)
```
#3581b4
```
#3581b4 rgb(53,129,180)
```
#3c8fc6
```
#3c8fc6 rgb(60,143,198)
```
#509acc
```
#509acc rgb(80,154,204)
```
#64a5d2
```
#64a5d2 rgb(100,165,210)
```
#77b1d8
```
#77b1d8 rgb(119,177,216)
```
#8bbcdd
```
#8bbcdd rgb(139,188,221)
```

Monochromatic Color

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

#50b9cc
```
#50b9cc rgb(80,185,204)
```
#50afcc
```
#50afcc rgb(80,175,204)
```
#50a4cc
```
#50a4cc rgb(80,164,204)
```
#509acc
```
#509acc rgb(80,154,204)
```
#5090cc
```
#5090cc rgb(80,144,204)
```
#5085cc
```
#5085cc rgb(80,133,204)
```
#507bcc
```
#507bcc rgb(80,123,204)
```

Similar Colors

Text with hexadecimal color #509acc

This text has a font color of #509acc.

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

#509acc background color

This paragraph has a background color of #509acc.

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

#509acc border color

This element has a border color of #509acc.

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

CSS codes

.text {color:#509acc;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#071016
```
#071016 rgb(7,16,22)
```
#0b1b26
```
#0b1b26 rgb(11,27,38)
```
#0f2635
```
#0f2635 rgb(15,38,53)
```
#143144
```
#143144 rgb(20,49,68)
```
#183b53
```
#183b53 rgb(24,59,83)
```
#1d4662
```
#1d4662 rgb(29,70,98)
```
#215172
```
#215172 rgb(33,81,114)
```
#265c81
```
#265c81 rgb(38,92,129)
```
#2a6790
```
#2a6790 rgb(42,103,144)
```
#2e729f
```
#2e729f rgb(46,114,159)
```
#337dae
```
#337dae rgb(51,125,174)
```
#3787be
```
#3787be rgb(55,135,190)
```

Shade Color Variation

#4191c8
```
#4191c8 rgb(65,145,200)
```
#509acc
```
#509acc rgb(80,154,204)
```
#5fa3d0
```
#5fa3d0 rgb(95,163,208)
```
#6eacd5
```
#6eacd5 rgb(110,172,213)
```
#7eb4d9
```
#7eb4d9 rgb(126,180,217)
```
#8dbdde
```
#8dbdde rgb(141,189,222)
```
#9cc6e2
```
#9cc6e2 rgb(156,198,226)
```
#abcfe7
```
#abcfe7 rgb(171,207,231)
```
#bad7eb
```
#bad7eb rgb(186,215,235)
```
#cae0ef
```
#cae0ef rgb(202,224,239)
```
#d9e9f4
```
#d9e9f4 rgb(217,233,244)
```
#e8f2f8
```
#e8f2f8 rgb(232,242,248)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8e8f is the less saturated color, while #25a2f7 is the most saturated one.

#8d8e8f
```
#8d8e8f rgb(141,142,143)
```
#849098
```
#849098 rgb(132,144,152)
```
#7b92a1
```
#7b92a1 rgb(123,146,161)
```
#7393a9
```
#7393a9 rgb(115,147,169)
```
#6a95b2
```
#6a95b2 rgb(106,149,178)
```
#6197bb
```
#6197bb rgb(97,151,187)
```
#5998c3
```
#5998c3 rgb(89,152,195)
```
#509acc
```
#509acc rgb(80,154,204)
```
#479cd5
```
#479cd5 rgb(71,156,213)
```
#3f9ddd
```
#3f9ddd rgb(63,157,221)
```
#369fe6
```
#369fe6 rgb(54,159,230)
```
#2da1ef
```
#2da1ef rgb(45,161,239)
```
#25a2f7
```
#25a2f7 rgb(37,162,247)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7e8d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8996c8 Protanopia 1% of men
#8297d1 Deuteranopia 1% of men
#47a5b1 Tritanopia 0.001% of the population

Trichromacy

#7498ca Protanomaly 1% of men, 0.01% of women
#6f98cf Deuteranomaly 6% of men, 0.4% of women
#4aa1ba Tritanomaly 0.01% of the population

#509acc hex color

#509acc Color Information

#509acc Color Conversion

Color Schemes with #509acc

Alternatives to #509acc

#509acc Preview

Shades and Tints of #509acc

Tones of #509acc

Color Blindness Simulator