#508fdd hex color

In a RGB color space, hex #508fdd is composed of 31.4% red, 56.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 35.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 213.2 degrees, a saturation of 67.5% and a lightness of 59%. #508fdd color hex could be obtained by blending #a0ffff with #001fbb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 56
- B 87
RGB color chart
- C 64
- M 35
- Y 0
- K 13
CMYK color chart

● #508fdd color description : Soft blue.

The hexadecimal color #508fdd has RGB values of R:80, G:143, B:221 and CMYK values of C:0.64, M:0.35, Y:0, K:0.13. Its decimal value is 5279709.

Hex triplet	508fdd	`#508fdd`
RGB Decimal	80, 143, 221	`rgb(80,143,221)`
RGB Percent	31.4, 56.1, 86.7	`rgb(31.4%,56.1%,86.7%)`
CMYK	64, 35, 0, 13
HSL	213.2°, 67.5, 59	`hsl(213.2,67.5%,59%)`
HSV (or HSB)	213.2°, 63.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.573, 3.881, -45.79
XYZ	26.179, 26.569, 72.151
xyY	0.21, 0.213, 26.569
CIE-LCH	58.573, 45.954, 274.844
CIE-LUV	58.573, -26.286, -72.635
Hunter-Lab	51.545, 0.453, -46.911
Binary	01010000, 10001111, 11011101

#508fdd
```
#508fdd rgb(80,143,221)
```
#dd9e50
```
#dd9e50 rgb(221,158,80)
```

Complementary Color

#50d6dd
```
#50d6dd rgb(80,214,221)
```
#508fdd
```
#508fdd rgb(80,143,221)
```
#5850dd
```
#5850dd rgb(88,80,221)
```

Analogous Color

#d6dd50
```
#d6dd50 rgb(214,221,80)
```
#508fdd
```
#508fdd rgb(80,143,221)
```
#dd5850
```
#dd5850 rgb(221,88,80)
```

Split Complementary Color

#8fdd50
```
#8fdd50 rgb(143,221,80)
```
#508fdd
```
#508fdd rgb(80,143,221)
```
#dd508f
```
#dd508f rgb(221,80,143)
```

Triadic Color

#50dd9e
```
#50dd9e rgb(80,221,158)
```
#508fdd
```
#508fdd rgb(80,143,221)
```
#dd508f
```
#dd508f rgb(221,80,143)
```
#dd9e50
```
#dd9e50 rgb(221,158,80)
```

Tetradic Color

#2568bc
```
#2568bc rgb(37,104,188)
```
#2974d1
```
#2974d1 rgb(41,116,209)
```
#3b81d9
```
#3b81d9 rgb(59,129,217)
```
#508fdd
```
#508fdd rgb(80,143,221)
```
#659de1
```
#659de1 rgb(101,157,225)
```
#7baae5
```
#7baae5 rgb(123,170,229)
```
#90b8e9
```
#90b8e9 rgb(144,184,233)
```

Monochromatic Color

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

#50b2dd
```
#50b2dd rgb(80,178,221)
```
#50a7dd
```
#50a7dd rgb(80,167,221)
```
#509bdd
```
#509bdd rgb(80,155,221)
```
#508fdd
```
#508fdd rgb(80,143,221)
```
#5083dd
```
#5083dd rgb(80,131,221)
```
#5078dd
```
#5078dd rgb(80,120,221)
```
#506cdd
```
#506cdd rgb(80,108,221)
```

Similar Colors

Text with hexadecimal color #508fdd

This text has a font color of #508fdd.

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

#508fdd background color

This paragraph has a background color of #508fdd.

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

#508fdd border color

This element has a border color of #508fdd.

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

CSS codes

.text {color:#508fdd;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040c16
```
#040c16 rgb(4,12,22)
```
#071527
```
#071527 rgb(7,21,39)
```
#0b1e37
```
#0b1e37 rgb(11,30,55)
```
#0e2847
```
#0e2847 rgb(14,40,71)
```
#113158
```
#113158 rgb(17,49,88)
```
#143a68
```
#143a68 rgb(20,58,104)
```
#174379
```
#174379 rgb(23,67,121)
```
#1b4c89
```
#1b4c89 rgb(27,76,137)
```
#1e5599
```
#1e5599 rgb(30,85,153)
```
#215eaa
```
#215eaa rgb(33,94,170)
```
#2467ba
```
#2467ba rgb(36,103,186)
```
#2770cb
```
#2770cb rgb(39,112,203)
```

Shade Color Variation

#2f7ad7
```
#2f7ad7 rgb(47,122,215)
```
#4084da
```
#4084da rgb(64,132,218)
```
#508fdd
```
#508fdd rgb(80,143,221)
```
#609ae0
```
#609ae0 rgb(96,154,224)
```
#71a4e3
```
#71a4e3 rgb(113,164,227)
```
#81afe7
```
#81afe7 rgb(129,175,231)
```
#92b9ea
```
#92b9ea rgb(146,185,234)
```
#a2c4ed
```
#a2c4ed rgb(162,196,237)
```
#b3cef0
```
#b3cef0 rgb(179,206,240)
```
#c3d9f3
```
#c3d9f3 rgb(195,217,243)
```
#d3e3f7
```
#d3e3f7 rgb(211,227,247)
```
#e4eefa
```
#e4eefa rgb(228,238,250)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#90969d
```
#90969d rgb(144,150,157)
```
#8895a5
```
#8895a5 rgb(136,149,165)
```
#8094ad
```
#8094ad rgb(128,148,173)
```
#7893b5
```
#7893b5 rgb(120,147,181)
```
#7092bd
```
#7092bd rgb(112,146,189)
```
#6892c5
```
#6892c5 rgb(104,146,197)
```
#6091cd
```
#6091cd rgb(96,145,205)
```
#5890d5
```
#5890d5 rgb(88,144,213)
```
#508fdd
```
#508fdd rgb(80,143,221)
```
#488ee5
```
#488ee5 rgb(72,142,229)
```
#408ded
```
#408ded rgb(64,141,237)
```
#388cf5
```
#388cf5 rgb(56,140,245)
```
#308cfd
```
#308cfd rgb(48,140,253)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7a8797 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7590db Protanopia 1% of men
#6393df Deuteranopia 1% of men
#339fab Tritanopia 0.001% of the population

Trichromacy

#678fdb Protanomaly 1% of men, 0.01% of women
#5c91de Deuteranomaly 6% of men, 0.4% of women
#3d99bd Tritanomaly 0.01% of the population

#508fdd hex color

#508fdd Color Information

#508fdd Color Conversion

Color Schemes with #508fdd

Alternatives to #508fdd

#508fdd Preview

Shades and Tints of #508fdd

Tones of #508fdd

Color Blindness Simulator