#509cc7 hex color

In a RGB color space, hex #509cc7 is composed of 31.4% red, 61.2% green and 78% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 21.6% magenta, 0% yellow and 22% black. It has a hue angle of 201.7 degrees, a saturation of 51.5% and a lightness of 54.7%. #509cc7 color hex could be obtained by blending #a0ffff with #00398f. Closest websafe color is: #6699cc.

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

● #509cc7 color description : Moderate blue.

The hexadecimal color #509cc7 has RGB values of R:80, G:156, B:199 and CMYK values of C:0.6, M:0.22, Y:0, K:0.22. Its decimal value is 5283015.

Hex triplet	509cc7	`#509cc7`
RGB Decimal	80, 156, 199	`rgb(80,156,199)`
RGB Percent	31.4, 61.2, 78	`rgb(31.4%,61.2%,78%)`
CMYK	60, 22, 0, 22
HSL	201.7°, 51.5, 54.7	`hsl(201.7,51.5%,54.7%)`
HSV (or HSB)	201.7°, 59.8, 78
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.311, -10.744, -29.203
XYZ	25.503, 29.604, 58.4
xyY	0.225, 0.261, 29.604
CIE-LCH	61.311, 31.116, 249.8
CIE-LUV	61.311, -31.582, -43.921
Hunter-Lab	54.41, -11.55, -25.551
Binary	01010000, 10011100, 11000111

#509cc7
```
#509cc7 rgb(80,156,199)
```
#c77b50
```
#c77b50 rgb(199,123,80)
```

Complementary Color

#50c7b7
```
#50c7b7 rgb(80,199,183)
```
#509cc7
```
#509cc7 rgb(80,156,199)
```
#5061c7
```
#5061c7 rgb(80,97,199)
```

Analogous Color

#c7b750
```
#c7b750 rgb(199,183,80)
```
#509cc7
```
#509cc7 rgb(80,156,199)
```
#c75061
```
#c75061 rgb(199,80,97)
```

Split Complementary Color

#9cc750
```
#9cc750 rgb(156,199,80)
```
#509cc7
```
#509cc7 rgb(80,156,199)
```
#c7509c
```
#c7509c rgb(199,80,156)
```

Triadic Color

#50c77b
```
#50c77b rgb(80,199,123)
```
#509cc7
```
#509cc7 rgb(80,156,199)
```
#c7509c
```
#c7509c rgb(199,80,156)
```
#c77b50
```
#c77b50 rgb(199,123,80)
```

Tetradic Color

#317499
```
#317499 rgb(49,116,153)
```
#3782ad
```
#3782ad rgb(55,130,173)
```
#3d91c0
```
#3d91c0 rgb(61,145,192)
```
#509cc7
```
#509cc7 rgb(80,156,199)
```
#63a7cd
```
#63a7cd rgb(99,167,205)
```
#77b2d3
```
#77b2d3 rgb(119,178,211)
```
#8abdda
```
#8abdda rgb(138,189,218)
```

Monochromatic Color

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

#50bac7
```
#50bac7 rgb(80,186,199)
```
#50b0c7
```
#50b0c7 rgb(80,176,199)
```
#50a6c7
```
#50a6c7 rgb(80,166,199)
```
#509cc7
```
#509cc7 rgb(80,156,199)
```
#5092c7
```
#5092c7 rgb(80,146,199)
```
#5088c7
```
#5088c7 rgb(80,136,199)
```
#507ec7
```
#507ec7 rgb(80,126,199)
```

Similar Colors

Text with hexadecimal color #509cc7

This text has a font color of #509cc7.

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

#509cc7 background color

This paragraph has a background color of #509cc7.

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

#509cc7 border color

This element has a border color of #509cc7.

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

CSS codes

.text {color:#509cc7;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#060e12
```
#060e12 rgb(6,14,18)
```
#0b1921
```
#0b1921 rgb(11,25,33)
```
#0f2430
```
#0f2430 rgb(15,36,48)
```
#142f3f
```
#142f3f rgb(20,47,63)
```
#193b4e
```
#193b4e rgb(25,59,78)
```
#1e465c
```
#1e465c rgb(30,70,92)
```
#22516b
```
#22516b rgb(34,81,107)
```
#275c7a
```
#275c7a rgb(39,92,122)
```
#2c6789
```
#2c6789 rgb(44,103,137)
```
#317398
```
#317398 rgb(49,115,152)
```
#357ea7
```
#357ea7 rgb(53,126,167)
```
#3a89b6
```
#3a89b6 rgb(58,137,182)
```

Shade Color Variation

#4194c2
```
#4194c2 rgb(65,148,194)
```
#509cc7
```
#509cc7 rgb(80,156,199)
```
#5fa4cc
```
#5fa4cc rgb(95,164,204)
```
#6eadd1
```
#6eadd1 rgb(110,173,209)
```
#7db5d5
```
#7db5d5 rgb(125,181,213)
```
#8bbeda
```
#8bbeda rgb(139,190,218)
```
#9ac6df
```
#9ac6df rgb(154,198,223)
```
#a9cee4
```
#a9cee4 rgb(169,206,228)
```
#b8d7e8
```
#b8d7e8 rgb(184,215,232)
```
#c7dfed
```
#c7dfed rgb(199,223,237)
```
#d6e8f2
```
#d6e8f2 rgb(214,232,242)
```
#e5f0f7
```
#e5f0f7 rgb(229,240,247)
```
#f3f8fb
```
#f3f8fb rgb(243,248,251)
```

Tint Color Variation

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

#858d92
```
#858d92 rgb(133,141,146)
```
#7c909b
```
#7c909b rgb(124,144,155)
```
#7492a3
```
#7492a3 rgb(116,146,163)
```
#6b95ac
```
#6b95ac rgb(107,149,172)
```
#6297b5
```
#6297b5 rgb(98,151,181)
```
#599abe
```
#599abe rgb(89,154,190)
```
#509cc7
```
#509cc7 rgb(80,156,199)
```
#479ed0
```
#479ed0 rgb(71,158,208)
```
#3ea1d9
```
#3ea1d9 rgb(62,161,217)
```
#35a3e2
```
#35a3e2 rgb(53,163,226)
```
#2ca6eb
```
#2ca6eb rgb(44,166,235)
```
#24a8f3
```
#24a8f3 rgb(36,168,243)
```
#1babfc
```
#1babfc rgb(27,171,252)
```

Tone Color Variation

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

#8d97c3 Protanopia 1% of men
#8797cd Deuteranopia 1% of men
#4ba5b1 Tritanopia 0.001% of the population

Trichromacy

#7699c4 Protanomaly 1% of men, 0.01% of women
#7399cb Deuteranomaly 6% of men, 0.4% of women
#4da2b9 Tritanomaly 0.01% of the population

#509cc7 hex color

#509cc7 Color Information

#509cc7 Color Conversion

Color Schemes with #509cc7

Alternatives to #509cc7

#509cc7 Preview

Shades and Tints of #509cc7

Tones of #509cc7

Color Blindness Simulator