#508cfd hex color

In a RGB color space, hex #508cfd is composed of 31.4% red, 54.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 44.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 219.2 degrees, a saturation of 97.7% and a lightness of 65.3%. #508cfd color hex could be obtained by blending #a0ffff with #0019fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 55
- B 99
RGB color chart
- C 68
- M 45
- Y 0
- K 1
CMYK color chart

● #508cfd color description : Soft blue.

The hexadecimal color #508cfd has RGB values of R:80, G:140, B:253 and CMYK values of C:0.68, M:0.45, Y:0, K:0.01. Its decimal value is 5278973.

Hex triplet	508cfd	`#508cfd`
RGB Decimal	80, 140, 253	`rgb(80,140,253)`
RGB Percent	31.4, 54.9, 99.2	`rgb(31.4%,54.9%,99.2%)`
CMYK	68, 45, 0, 1
HSL	219.2°, 97.7, 65.3	`hsl(219.2,97.7%,65.3%)`
HSV (or HSB)	219.2°, 68.4, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.481, 16.634, -62.063
XYZ	30.412, 27.551, 96.638
xyY	0.197, 0.178, 27.551
CIE-LCH	59.481, 64.253, 285.003
CIE-LUV	59.481, -24.756, -100.777
Hunter-Lab	52.489, 11.565, -72.416
Binary	01010000, 10001100, 11111101

#508cfd
```
#508cfd rgb(80,140,253)
```
#fdc150
```
#fdc150 rgb(253,193,80)
```

Complementary Color

#50e3fd
```
#50e3fd rgb(80,227,253)
```
#508cfd
```
#508cfd rgb(80,140,253)
```
#6b50fd
```
#6b50fd rgb(107,80,253)
```

Analogous Color

#e3fd50
```
#e3fd50 rgb(227,253,80)
```
#508cfd
```
#508cfd rgb(80,140,253)
```
#fd6b50
```
#fd6b50 rgb(253,107,80)
```

Split Complementary Color

#8cfd50
```
#8cfd50 rgb(140,253,80)
```
#508cfd
```
#508cfd rgb(80,140,253)
```
#fd508c
```
#fd508c rgb(253,80,140)
```

Triadic Color

#50fdc1
```
#50fdc1 rgb(80,253,193)
```
#508cfd
```
#508cfd rgb(80,140,253)
```
#fd508c
```
#fd508c rgb(253,80,140)
```
#fdc150
```
#fdc150 rgb(253,193,80)
```

Tetradic Color

#045afc
```
#045afc rgb(4,90,252)
```
#1e6bfc
```
#1e6bfc rgb(30,107,252)
```
#377bfd
```
#377bfd rgb(55,123,253)
```
#508cfd
```
#508cfd rgb(80,140,253)
```
#699dfd
```
#699dfd rgb(105,157,253)
```
#82adfe
```
#82adfe rgb(130,173,254)
```
#9cbefe
```
#9cbefe rgb(156,190,254)
```

Monochromatic Color

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

#50b7fd
```
#50b7fd rgb(80,183,253)
```
#50a9fd
```
#50a9fd rgb(80,169,253)
```
#509afd
```
#509afd rgb(80,154,253)
```
#508cfd
```
#508cfd rgb(80,140,253)
```
#507efd
```
#507efd rgb(80,126,253)
```
#506ffd
```
#506ffd rgb(80,111,253)
```
#5061fd
```
#5061fd rgb(80,97,253)
```

Similar Colors

Text with hexadecimal color #508cfd

This text has a font color of #508cfd.

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

#508cfd background color

This paragraph has a background color of #508cfd.

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

#508cfd border color

This element has a border color of #508cfd.

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

CSS codes

.text {color:#508cfd;}

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

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

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

#000713
```
#000713 rgb(0,7,19)
```
#000e26
```
#000e26 rgb(0,14,38)
```
#01143a
```
#01143a rgb(1,20,58)
```
#011b4d
```
#011b4d rgb(1,27,77)
```
#012261
```
#012261 rgb(1,34,97)
```
#012974
```
#012974 rgb(1,41,116)
```
#023087
```
#023087 rgb(2,48,135)
```
#02379b
```
#02379b rgb(2,55,155)
```
#023eae
```
#023eae rgb(2,62,174)
```
#0245c1
```
#0245c1 rgb(2,69,193)
```
#024bd5
```
#024bd5 rgb(2,75,213)
```
#0352e8
```
#0352e8 rgb(3,82,232)
```
#0359fc
```
#0359fc rgb(3,89,252)
```

Shade Color Variation

#1666fc
```
#1666fc rgb(22,102,252)
```
#2973fd
```
#2973fd rgb(41,115,253)
```
#3d7ffd
```
#3d7ffd rgb(61,127,253)
```
#508cfd
```
#508cfd rgb(80,140,253)
```
#6399fd
```
#6399fd rgb(99,153,253)
```
#77a5fd
```
#77a5fd rgb(119,165,253)
```
#8ab2fe
```
#8ab2fe rgb(138,178,254)
```
#9ebffe
```
#9ebffe rgb(158,191,254)
```
#b1ccfe
```
#b1ccfe rgb(177,204,254)
```
#c4d8fe
```
#c4d8fe rgb(196,216,254)
```
#d8e5ff
```
#d8e5ff rgb(216,229,255)
```
#ebf2ff
```
#ebf2ff rgb(235,242,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a5ab is the less saturated color, while #508cfd is the most saturated one.

#a2a5ab
```
#a2a5ab rgb(162,165,171)
```
#9ba3b2
```
#9ba3b2 rgb(155,163,178)
```
#94a1b9
```
#94a1b9 rgb(148,161,185)
```
#8d9fc0
```
#8d9fc0 rgb(141,159,192)
```
#869dc7
```
#869dc7 rgb(134,157,199)
```
#809bcd
```
#809bcd rgb(128,155,205)
```
#7999d4
```
#7999d4 rgb(121,153,212)
```
#7296db
```
#7296db rgb(114,150,219)
```
#6b94e2
```
#6b94e2 rgb(107,148,226)
```
#6492e9
```
#6492e9 rgb(100,146,233)
```
#5e90ef
```
#5e90ef rgb(94,144,239)
```
#578ef6
```
#578ef6 rgb(87,142,246)
```
#508cfd
```
#508cfd rgb(80,140,253)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7c889f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c91fc Protanopia 1% of men
#2497fa Deuteranopia 1% of men
#00a3ae Tritanopia 0.001% of the population

Trichromacy

#588ffc Protanomaly 1% of men, 0.01% of women
#3493fb Deuteranomaly 6% of men, 0.4% of women
#1d9acb Tritanomaly 0.01% of the population

#508cfd hex color

#508cfd Color Information

#508cfd Color Conversion

Color Schemes with #508cfd

Alternatives to #508cfd

#508cfd Preview

Shades and Tints of #508cfd

Tones of #508cfd

Color Blindness Simulator