#508fc2 hex color

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

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

● #508fc2 color description : Moderate blue.

The hexadecimal color #508fc2 has RGB values of R:80, G:143, B:194 and CMYK values of C:0.59, M:0.26, Y:0, K:0.24. Its decimal value is 5279682.

Hex triplet	508fc2	`#508fc2`
RGB Decimal	80, 143, 194	`rgb(80,143,194)`
RGB Percent	31.4, 56.1, 76.1	`rgb(31.4%,56.1%,76.1%)`
CMYK	59, 26, 0, 24
HSL	206.8°, 48.3, 53.7	`hsl(206.8,48.3%,53.7%)`
HSV (or HSB)	206.8°, 58.8, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.312, -5.03, -32.594
XYZ	22.866, 25.244, 54.704
xyY	0.222, 0.246, 25.244
CIE-LCH	57.312, 32.98, 261.227
CIE-LUV	57.312, -26.925, -49.675
Hunter-Lab	50.243, -6.69, -29.383
Binary	01010000, 10001111, 11000010

#508fc2
```
#508fc2 rgb(80,143,194)
```
#c28350
```
#c28350 rgb(194,131,80)
```

Complementary Color

#50c2bc
```
#50c2bc rgb(80,194,188)
```
#508fc2
```
#508fc2 rgb(80,143,194)
```
#5056c2
```
#5056c2 rgb(80,86,194)
```

Analogous Color

#c2bc50
```
#c2bc50 rgb(194,188,80)
```
#508fc2
```
#508fc2 rgb(80,143,194)
```
#c25056
```
#c25056 rgb(194,80,86)
```

Split Complementary Color

#8fc250
```
#8fc250 rgb(143,194,80)
```
#508fc2
```
#508fc2 rgb(80,143,194)
```
#c2508f
```
#c2508f rgb(194,80,143)
```

Triadic Color

#50c283
```
#50c283 rgb(80,194,131)
```
#508fc2
```
#508fc2 rgb(80,143,194)
```
#c2508f
```
#c2508f rgb(194,80,143)
```
#c28350
```
#c28350 rgb(194,131,80)
```

Tetradic Color

#336892
```
#336892 rgb(51,104,146)
```
#3a75a5
```
#3a75a5 rgb(58,117,165)
```
#4083b8
```
#4083b8 rgb(64,131,184)
```
#508fc2
```
#508fc2 rgb(80,143,194)
```
#639bc9
```
#639bc9 rgb(99,155,201)
```
#76a7cf
```
#76a7cf rgb(118,167,207)
```
#89b3d6
```
#89b3d6 rgb(137,179,214)
```

Monochromatic Color

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

#50acc2
```
#50acc2 rgb(80,172,194)
```
#50a2c2
```
#50a2c2 rgb(80,162,194)
```
#5099c2
```
#5099c2 rgb(80,153,194)
```
#508fc2
```
#508fc2 rgb(80,143,194)
```
#5086c2
```
#5086c2 rgb(80,134,194)
```
#507cc2
```
#507cc2 rgb(80,124,194)
```
#5073c2
```
#5073c2 rgb(80,115,194)
```

Similar Colors

Text with hexadecimal color #508fc2

This text has a font color of #508fc2.

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

#508fc2 background color

This paragraph has a background color of #508fc2.

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

#508fc2 border color

This element has a border color of #508fc2.

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

CSS codes

.text {color:#508fc2;}

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

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

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

#050a0e
```
#050a0e rgb(5,10,14)
```
#0a141d
```
#0a141d rgb(10,20,29)
```
#0f1f2b
```
#0f1f2b rgb(15,31,43)
```
#14293a
```
#14293a rgb(20,41,58)
```
#193348
```
#193348 rgb(25,51,72)
```
#1e3e57
```
#1e3e57 rgb(30,62,87)
```
#234865
```
#234865 rgb(35,72,101)
```
#285274
```
#285274 rgb(40,82,116)
```
#2d5c82
```
#2d5c82 rgb(45,92,130)
```
#336791
```
#336791 rgb(51,103,145)
```
#3871a0
```
#3871a0 rgb(56,113,160)
```
#3d7bae
```
#3d7bae rgb(61,123,174)
```
#4286bd
```
#4286bd rgb(66,134,189)
```

Shade Color Variation

#508fc2
```
#508fc2 rgb(80,143,194)
```
#5f98c7
```
#5f98c7 rgb(95,152,199)
```
#6da2cc
```
#6da2cc rgb(109,162,204)
```
#7cabd1
```
#7cabd1 rgb(124,171,209)
```
#8ab4d6
```
#8ab4d6 rgb(138,180,214)
```
#99bedb
```
#99bedb rgb(153,190,219)
```
#a7c7e0
```
#a7c7e0 rgb(167,199,224)
```
#b6d0e5
```
#b6d0e5 rgb(182,208,229)
```
#c4d9eb
```
#c4d9eb rgb(196,217,235)
```
#d3e3f0
```
#d3e3f0 rgb(211,227,240)
```
#e1ecf5
```
#e1ecf5 rgb(225,236,245)
```
#f0f5fa
```
#f0f5fa rgb(240,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#86898c
```
#86898c rgb(134,137,140)
```
#7d8a95
```
#7d8a95 rgb(125,138,149)
```
#748b9e
```
#748b9e rgb(116,139,158)
```
#6b8ca7
```
#6b8ca7 rgb(107,140,167)
```
#628db0
```
#628db0 rgb(98,141,176)
```
#598eb9
```
#598eb9 rgb(89,142,185)
```
#508fc2
```
#508fc2 rgb(80,143,194)
```
#4790cb
```
#4790cb rgb(71,144,203)
```
#3e91d4
```
#3e91d4 rgb(62,145,212)
```
#3592dd
```
#3592dd rgb(53,146,221)
```
#2c93e6
```
#2c93e6 rgb(44,147,230)
```
#2394ef
```
#2394ef rgb(35,148,239)
```
#1a95f8
```
#1a95f8 rgb(26,149,248)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#78858f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8dc0 Protanopia 1% of men
#788ec7 Deuteranopia 1% of men
#489aa6 Tritanopia 0.001% of the population

Trichromacy

#6e8ec0 Protanomaly 1% of men, 0.01% of women
#698ec5 Deuteranomaly 6% of men, 0.4% of women
#4b96b0 Tritanomaly 0.01% of the population

#508fc2 hex color

#508fc2 Color Information

#508fc2 Color Conversion

Color Schemes with #508fc2

Alternatives to #508fc2

#508fc2 Preview

Shades and Tints of #508fc2

Tones of #508fc2

Color Blindness Simulator