#508cf1 hex color

In a RGB color space, hex #508cf1 is composed of 31.4% red, 54.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 41.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 217.6 degrees, a saturation of 85.2% and a lightness of 62.9%. #508cf1 color hex could be obtained by blending #a0ffff with #0019e3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 55
- B 95
RGB color chart
- C 67
- M 42
- Y 0
- K 5
CMYK color chart

● #508cf1 color description : Soft blue.

The hexadecimal color #508cf1 has RGB values of R:80, G:140, B:241 and CMYK values of C:0.67, M:0.42, Y:0, K:0.05. Its decimal value is 5278961.

Hex triplet	508cf1	`#508cf1`
RGB Decimal	80, 140, 241	`rgb(80,140,241)`
RGB Percent	31.4, 54.9, 94.5	`rgb(31.4%,54.9%,94.5%)`
CMYK	67, 42, 0, 5
HSL	217.6°, 85.2, 62.9	`hsl(217.6,85.2%,62.9%)`
HSV (or HSB)	217.6°, 66.8, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.799, 12.488, -56.542
XYZ	28.56, 26.811, 86.884
xyY	0.201, 0.188, 26.811
CIE-LCH	58.799, 57.905, 282.455
CIE-LUV	58.799, -24.921, -91.211
Hunter-Lab	51.779, 7.843, -63.242
Binary	01010000, 10001100, 11110001

#508cf1
```
#508cf1 rgb(80,140,241)
```
#f1b550
```
#f1b550 rgb(241,181,80)
```

Complementary Color

#50ddf1
```
#50ddf1 rgb(80,221,241)
```
#508cf1
```
#508cf1 rgb(80,140,241)
```
#6550f1
```
#6550f1 rgb(101,80,241)
```

Analogous Color

#ddf150
```
#ddf150 rgb(221,241,80)
```
#508cf1
```
#508cf1 rgb(80,140,241)
```
#f16550
```
#f16550 rgb(241,101,80)
```

Split Complementary Color

#8cf150
```
#8cf150 rgb(140,241,80)
```
#508cf1
```
#508cf1 rgb(80,140,241)
```
#f1508c
```
#f1508c rgb(241,80,140)
```

Triadic Color

#50f1b5
```
#50f1b5 rgb(80,241,181)
```
#508cf1
```
#508cf1 rgb(80,140,241)
```
#f1508c
```
#f1508c rgb(241,80,140)
```
#f1b550
```
#f1b550 rgb(241,181,80)
```

Tetradic Color

#1260e2
```
#1260e2 rgb(18,96,226)
```
#216ded
```
#216ded rgb(33,109,237)
```
#387cef
```
#387cef rgb(56,124,239)
```
#508cf1
```
#508cf1 rgb(80,140,241)
```
#689cf3
```
#689cf3 rgb(104,156,243)
```
#7fabf5
```
#7fabf5 rgb(127,171,245)
```
#97bbf7
```
#97bbf7 rgb(151,187,247)
```

Monochromatic Color

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

#50b4f1
```
#50b4f1 rgb(80,180,241)
```
#50a7f1
```
#50a7f1 rgb(80,167,241)
```
#5099f1
```
#5099f1 rgb(80,153,241)
```
#508cf1
```
#508cf1 rgb(80,140,241)
```
#507ff1
```
#507ff1 rgb(80,127,241)
```
#5071f1
```
#5071f1 rgb(80,113,241)
```
#5064f1
```
#5064f1 rgb(80,100,241)
```

Similar Colors

Text with hexadecimal color #508cf1

This text has a font color of #508cf1.

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

#508cf1 background color

This paragraph has a background color of #508cf1.

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

#508cf1 border color

This element has a border color of #508cf1.

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

CSS codes

.text {color:#508cf1;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#020a19
```
#020a19 rgb(2,10,25)
```
#03122b
```
#03122b rgb(3,18,43)
```
#051a3d
```
#051a3d rgb(5,26,61)
```
#06224f
```
#06224f rgb(6,34,79)
```
#082961
```
#082961 rgb(8,41,97)
```
#093174
```
#093174 rgb(9,49,116)
```
#0b3986
```
#0b3986 rgb(11,57,134)
```
#0c4098
```
#0c4098 rgb(12,64,152)
```
#0e48aa
```
#0e48aa rgb(14,72,170)
```
#0f50bc
```
#0f50bc rgb(15,80,188)
```
#1157ce
```
#1157ce rgb(17,87,206)
```
#125fe1
```
#125fe1 rgb(18,95,225)
```

Shade Color Variation

#1a68ed
```
#1a68ed rgb(26,104,237)
```
#2c74ee
```
#2c74ee rgb(44,116,238)
```
#3e80f0
```
#3e80f0 rgb(62,128,240)
```
#508cf1
```
#508cf1 rgb(80,140,241)
```
#6298f2
```
#6298f2 rgb(98,152,242)
```
#74a4f4
```
#74a4f4 rgb(116,164,244)
```
#86b0f5
```
#86b0f5 rgb(134,176,245)
```
#99bcf7
```
#99bcf7 rgb(153,188,247)
```
#abc8f8
```
#abc8f8 rgb(171,200,248)
```
#bdd4fa
```
#bdd4fa rgb(189,212,250)
```
#cfe0fb
```
#cfe0fb rgb(207,224,251)
```
#e1ebfd
```
#e1ebfd rgb(225,235,253)
```
#f3f7fe
```
#f3f7fe rgb(243,247,254)
```

Tint Color Variation

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

#a0a0a1
```
#a0a0a1 rgb(160,160,161)
```
#999fa8
```
#999fa8 rgb(153,159,168)
```
#919db0
```
#919db0 rgb(145,157,176)
```
#8a9bb7
```
#8a9bb7 rgb(138,155,183)
```
#8399be
```
#8399be rgb(131,153,190)
```
#7c97c5
```
#7c97c5 rgb(124,151,197)
```
#7495cd
```
#7495cd rgb(116,149,205)
```
#6d93d4
```
#6d93d4 rgb(109,147,212)
```
#6692db
```
#6692db rgb(102,146,219)
```
#5f90e2
```
#5f90e2 rgb(95,144,226)
```
#578eea
```
#578eea rgb(87,142,234)
```
#508cf1
```
#508cf1 rgb(80,140,241)
```
#498af8
```
#498af8 rgb(73,138,248)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7b879b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6590f0 Protanopia 1% of men
#4394f0 Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#5d8ef0 Protanomaly 1% of men, 0.01% of women
#4791f0 Deuteranomaly 6% of men, 0.4% of women
#1d99c5 Tritanomaly 0.01% of the population

#508cf1 hex color

#508cf1 Color Information

#508cf1 Color Conversion

Color Schemes with #508cf1

Alternatives to #508cf1

#508cf1 Preview

Shades and Tints of #508cf1

Tones of #508cf1

Color Blindness Simulator