#508ddb hex color

In a RGB color space, hex #508ddb is composed of 31.4% red, 55.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 35.6% magenta, 0% yellow and 14.1% black. It has a hue angle of 213.7 degrees, a saturation of 65.9% and a lightness of 58.6%. #508ddb color hex could be obtained by blending #a0ffff with #001bb7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 55
- B 86
RGB color chart
- C 63
- M 36
- Y 0
- K 14
CMYK color chart

● #508ddb color description : Soft blue.

The hexadecimal color #508ddb has RGB values of R:80, G:141, B:219 and CMYK values of C:0.63, M:0.36, Y:0, K:0.14. Its decimal value is 5279195.

Hex triplet	508ddb	`#508ddb`
RGB Decimal	80, 141, 219	`rgb(80,141,219)`
RGB Percent	31.4, 55.3, 85.9	`rgb(31.4%,55.3%,85.9%)`
CMYK	63, 36, 0, 14
HSL	213.7°, 65.9, 58.6	`hsl(213.7,65.9%,58.6%)`
HSV (or HSB)	213.7°, 63.5, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.912, 4.387, -45.719
XYZ	25.616, 25.868, 70.657
xyY	0.21, 0.212, 25.868
CIE-LCH	57.912, 45.929, 275.481
CIE-LUV	57.912, -25.638, -72.423
Hunter-Lab	50.861, 0.897, -46.765
Binary	01010000, 10001101, 11011011

#508ddb
```
#508ddb rgb(80,141,219)
```
#db9e50
```
#db9e50 rgb(219,158,80)
```

Complementary Color

#50d3db
```
#50d3db rgb(80,211,219)
```
#508ddb
```
#508ddb rgb(80,141,219)
```
#5850db
```
#5850db rgb(88,80,219)
```

Analogous Color

#d3db50
```
#d3db50 rgb(211,219,80)
```
#508ddb
```
#508ddb rgb(80,141,219)
```
#db5850
```
#db5850 rgb(219,88,80)
```

Split Complementary Color

#8ddb50
```
#8ddb50 rgb(141,219,80)
```
#508ddb
```
#508ddb rgb(80,141,219)
```
#db508d
```
#db508d rgb(219,80,141)
```

Triadic Color

#50db9e
```
#50db9e rgb(80,219,158)
```
#508ddb
```
#508ddb rgb(80,141,219)
```
#db508d
```
#db508d rgb(219,80,141)
```
#db9e50
```
#db9e50 rgb(219,158,80)
```

Tetradic Color

#2666b9
```
#2666b9 rgb(38,102,185)
```
#2a72ce
```
#2a72ce rgb(42,114,206)
```
#3b7fd7
```
#3b7fd7 rgb(59,127,215)
```
#508ddb
```
#508ddb rgb(80,141,219)
```
#659bdf
```
#659bdf rgb(101,155,223)
```
#7aa9e4
```
#7aa9e4 rgb(122,169,228)
```
#8fb6e8
```
#8fb6e8 rgb(143,182,232)
```

Monochromatic Color

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

#50b0db
```
#50b0db rgb(80,176,219)
```
#50a4db
```
#50a4db rgb(80,164,219)
```
#5099db
```
#5099db rgb(80,153,219)
```
#508ddb
```
#508ddb rgb(80,141,219)
```
#5081db
```
#5081db rgb(80,129,219)
```
#5076db
```
#5076db rgb(80,118,219)
```
#506adb
```
#506adb rgb(80,106,219)
```

Similar Colors

Text with hexadecimal color #508ddb

This text has a font color of #508ddb.

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

#508ddb background color

This paragraph has a background color of #508ddb.

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

#508ddb border color

This element has a border color of #508ddb.

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

CSS codes

.text {color:#508ddb;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040b14
```
#040b14 rgb(4,11,20)
```
#081424
```
#081424 rgb(8,20,36)
```
#0b1d35
```
#0b1d35 rgb(11,29,53)
```
#0e2645
```
#0e2645 rgb(14,38,69)
```
#122f55
```
#122f55 rgb(18,47,85)
```
#153866
```
#153866 rgb(21,56,102)
```
#184176
```
#184176 rgb(24,65,118)
```
#1c4a86
```
#1c4a86 rgb(28,74,134)
```
#1f5396
```
#1f5396 rgb(31,83,150)
```
#225ca7
```
#225ca7 rgb(34,92,167)
```
#2665b7
```
#2665b7 rgb(38,101,183)
```
#296ec7
```
#296ec7 rgb(41,110,199)
```

Shade Color Variation

#2f78d4
```
#2f78d4 rgb(47,120,212)
```
#4082d8
```
#4082d8 rgb(64,130,216)
```
#508ddb
```
#508ddb rgb(80,141,219)
```
#6098de
```
#6098de rgb(96,152,222)
```
#71a2e2
```
#71a2e2 rgb(113,162,226)
```
#81ade5
```
#81ade5 rgb(129,173,229)
```
#91b7e8
```
#91b7e8 rgb(145,183,232)
```
#a1c2ec
```
#a1c2ec rgb(161,194,236)
```
#b2cdef
```
#b2cdef rgb(178,205,239)
```
#c2d7f2
```
#c2d7f2 rgb(194,215,242)
```
#d2e2f6
```
#d2e2f6 rgb(210,226,246)
```
#e2ecf9
```
#e2ecf9 rgb(226,236,249)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91959a is the less saturated color, while #3089fb is the most saturated one.

#91959a
```
#91959a rgb(145,149,154)
```
#8994a2
```
#8994a2 rgb(137,148,162)
```
#8193aa
```
#8193aa rgb(129,147,170)
```
#7992b2
```
#7992b2 rgb(121,146,178)
```
#7091bb
```
#7091bb rgb(112,145,187)
```
#6890c3
```
#6890c3 rgb(104,144,195)
```
#608fcb
```
#608fcb rgb(96,143,203)
```
#588ed3
```
#588ed3 rgb(88,142,211)
```
#508ddb
```
#508ddb rgb(80,141,219)
```
#488ce3
```
#488ce3 rgb(72,140,227)
```
#408beb
```
#408beb rgb(64,139,235)
```
#388af3
```
#388af3 rgb(56,138,243)
```
#3089fb
```
#3089fb rgb(48,137,251)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7a8695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#738ed9 Protanopia 1% of men
#6191dd Deuteranopia 1% of men
#339ea9 Tritanopia 0.001% of the population

Trichromacy

#668eda Protanomaly 1% of men, 0.01% of women
#5b8fdc Deuteranomaly 6% of men, 0.4% of women
#3e97bb Tritanomaly 0.01% of the population

#508ddb hex color

#508ddb Color Information

#508ddb Color Conversion

Color Schemes with #508ddb

Alternatives to #508ddb

#508ddb Preview

Shades and Tints of #508ddb

Tones of #508ddb

Color Blindness Simulator