#509cc5 hex color

In a RGB color space, hex #509cc5 is composed of 31.4% red, 61.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 20.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 201 degrees, a saturation of 50.2% and a lightness of 54.3%. #509cc5 color hex could be obtained by blending #a0ffff with #00398b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 61
- B 77
RGB color chart
- C 59
- M 21
- Y 0
- K 23
CMYK color chart

● #509cc5 color description : Moderate blue.

The hexadecimal color #509cc5 has RGB values of R:80, G:156, B:197 and CMYK values of C:0.59, M:0.21, Y:0, K:0.23. Its decimal value is 5283013.

Hex triplet	509cc5	`#509cc5`
RGB Decimal	80, 156, 197	`rgb(80,156,197)`
RGB Percent	31.4, 61.2, 77.3	`rgb(31.4%,61.2%,77.3%)`
CMYK	59, 21, 0, 23
HSL	201°, 50.2, 54.3	`hsl(201,50.2%,54.3%)`
HSV (or HSB)	201°, 59.4, 77.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.231, -11.373, -28.206
XYZ	25.272, 29.512, 57.185
xyY	0.226, 0.264, 29.512
CIE-LCH	61.231, 30.413, 248.04
CIE-LUV	61.231, -31.654, -42.191
Hunter-Lab	54.325, -12.029, -24.384
Binary	01010000, 10011100, 11000101

#509cc5
```
#509cc5 rgb(80,156,197)
```
#c57950
```
#c57950 rgb(197,121,80)
```

Complementary Color

#50c5b4
```
#50c5b4 rgb(80,197,180)
```
#509cc5
```
#509cc5 rgb(80,156,197)
```
#5062c5
```
#5062c5 rgb(80,98,197)
```

Analogous Color

#c5b450
```
#c5b450 rgb(197,180,80)
```
#509cc5
```
#509cc5 rgb(80,156,197)
```
#c55062
```
#c55062 rgb(197,80,98)
```

Split Complementary Color

#9cc550
```
#9cc550 rgb(156,197,80)
```
#509cc5
```
#509cc5 rgb(80,156,197)
```
#c5509c
```
#c5509c rgb(197,80,156)
```

Triadic Color

#50c579
```
#50c579 rgb(80,197,121)
```
#509cc5
```
#509cc5 rgb(80,156,197)
```
#c5509c
```
#c5509c rgb(197,80,156)
```
#c57950
```
#c57950 rgb(197,121,80)
```

Tetradic Color

#327397
```
#327397 rgb(50,115,151)
```
#3882aa
```
#3882aa rgb(56,130,170)
```
#3f91bd
```
#3f91bd rgb(63,145,189)
```
#509cc5
```
#509cc5 rgb(80,156,197)
```
#63a7cb
```
#63a7cb rgb(99,167,203)
```
#76b2d2
```
#76b2d2 rgb(118,178,210)
```
#89bdd8
```
#89bdd8 rgb(137,189,216)
```

Monochromatic Color

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

#50b9c5
```
#50b9c5 rgb(80,185,197)
```
#50b0c5
```
#50b0c5 rgb(80,176,197)
```
#50a6c5
```
#50a6c5 rgb(80,166,197)
```
#509cc5
```
#509cc5 rgb(80,156,197)
```
#5092c5
```
#5092c5 rgb(80,146,197)
```
#5089c5
```
#5089c5 rgb(80,137,197)
```
#507fc5
```
#507fc5 rgb(80,127,197)
```

Similar Colors

Text with hexadecimal color #509cc5

This text has a font color of #509cc5.

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

#509cc5 background color

This paragraph has a background color of #509cc5.

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

#509cc5 border color

This element has a border color of #509cc5.

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

CSS codes

.text {color:#509cc5;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050d11
```
#050d11 rgb(5,13,17)
```
#0a181f
```
#0a181f rgb(10,24,31)
```
#0f232e
```
#0f232e rgb(15,35,46)
```
#142e3d
```
#142e3d rgb(20,46,61)
```
#193a4b
```
#193a4b rgb(25,58,75)
```
#1e455a
```
#1e455a rgb(30,69,90)
```
#235069
```
#235069 rgb(35,80,105)
```
#285c78
```
#285c78 rgb(40,92,120)
```
#2d6786
```
#2d6786 rgb(45,103,134)
```
#317295
```
#317295 rgb(49,114,149)
```
#367da4
```
#367da4 rgb(54,125,164)
```
#3b89b3
```
#3b89b3 rgb(59,137,179)
```

Shade Color Variation

#4194c0
```
#4194c0 rgb(65,148,192)
```
#509cc5
```
#509cc5 rgb(80,156,197)
```
#5fa4ca
```
#5fa4ca rgb(95,164,202)
```
#6dadcf
```
#6dadcf rgb(109,173,207)
```
#7cb5d4
```
#7cb5d4 rgb(124,181,212)
```
#8bbdd9
```
#8bbdd9 rgb(139,189,217)
```
#9ac6dd
```
#9ac6dd rgb(154,198,221)
```
#a8cee2
```
#a8cee2 rgb(168,206,226)
```
#b7d6e7
```
#b7d6e7 rgb(183,214,231)
```
#c6dfec
```
#c6dfec rgb(198,223,236)
```
#d5e7f1
```
#d5e7f1 rgb(213,231,241)
```
#e3eff6
```
#e3eff6 rgb(227,239,246)
```
#f2f8fb
```
#f2f8fb rgb(242,248,251)
```

Tint Color Variation

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

#868c8f
```
#868c8f rgb(134,140,143)
```
#7d8f98
```
#7d8f98 rgb(125,143,152)
```
#7491a1
```
#7491a1 rgb(116,145,161)
```
#6b94aa
```
#6b94aa rgb(107,148,170)
```
#6297b3
```
#6297b3 rgb(98,151,179)
```
#5999bc
```
#5999bc rgb(89,153,188)
```
#509cc5
```
#509cc5 rgb(80,156,197)
```
#479fce
```
#479fce rgb(71,159,206)
```
#3ea1d7
```
#3ea1d7 rgb(62,161,215)
```
#35a4e0
```
#35a4e0 rgb(53,164,224)
```
#2ca7e9
```
#2ca7e9 rgb(44,167,233)
```
#23a9f2
```
#23a9f2 rgb(35,169,242)
```
#1aacfb
```
#1aacfb rgb(26,172,251)
```

Tone Color Variation

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

Dichromacy

#8d97c1 Protanopia 1% of men
#8897cb Deuteranopia 1% of men
#4ca5b1 Tritanopia 0.001% of the population

Trichromacy

#7799c2 Protanomaly 1% of men, 0.01% of women
#7499c9 Deuteranomaly 6% of men, 0.4% of women
#4da1b8 Tritanomaly 0.01% of the population

#509cc5 hex color

#509cc5 Color Information

#509cc5 Color Conversion

Color Schemes with #509cc5

Alternatives to #509cc5

#509cc5 Preview

Shades and Tints of #509cc5

Tones of #509cc5

Color Blindness Simulator