#508dcb hex color

In a RGB color space, hex #508dcb is composed of 31.4% red, 55.3% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 30.5% magenta, 0% yellow and 20.4% black. It has a hue angle of 210.2 degrees, a saturation of 54.2% and a lightness of 55.5%. #508dcb color hex could be obtained by blending #a0ffff with #001b97. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 55
- B 80
RGB color chart
- C 61
- M 31
- Y 0
- K 20
CMYK color chart

● #508dcb color description : Moderate blue.

The hexadecimal color #508dcb has RGB values of R:80, G:141, B:203 and CMYK values of C:0.61, M:0.31, Y:0, K:0.2. Its decimal value is 5279179.

Hex triplet	508dcb	`#508dcb`
RGB Decimal	80, 141, 203	`rgb(80,141,203)`
RGB Percent	31.4, 55.3, 79.6	`rgb(31.4%,55.3%,79.6%)`
CMYK	61, 31, 0, 20
HSL	210.2°, 54.2, 55.5	`hsl(210.2,54.2%,55.5%)`
HSV (or HSB)	210.2°, 60.6, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.139, -0.946, -37.949
XYZ	23.61, 25.065, 60.091
xyY	0.217, 0.23, 25.065
CIE-LCH	57.139, 37.961, 268.572
CIE-LUV	57.139, -25.978, -58.903
Hunter-Lab	50.065, -3.437, -36.116
Binary	01010000, 10001101, 11001011

#508dcb
```
#508dcb rgb(80,141,203)
```
#cb8e50
```
#cb8e50 rgb(203,142,80)
```

Complementary Color

#50cbcb
```
#50cbcb rgb(80,203,203)
```
#508dcb
```
#508dcb rgb(80,141,203)
```
#5150cb
```
#5150cb rgb(81,80,203)
```

Analogous Color

#cbcb50
```
#cbcb50 rgb(203,203,80)
```
#508dcb
```
#508dcb rgb(80,141,203)
```
#cb5150
```
#cb5150 rgb(203,81,80)
```

Split Complementary Color

#8dcb50
```
#8dcb50 rgb(141,203,80)
```
#508dcb
```
#508dcb rgb(80,141,203)
```
#cb508d
```
#cb508d rgb(203,80,141)
```

Triadic Color

#50cb8e
```
#50cb8e rgb(80,203,142)
```
#508dcb
```
#508dcb rgb(80,141,203)
```
#cb508d
```
#cb508d rgb(203,80,141)
```
#cb8e50
```
#cb8e50 rgb(203,142,80)
```

Tetradic Color

#2f679f
```
#2f679f rgb(47,103,159)
```
#3573b3
```
#3573b3 rgb(53,115,179)
```
#3c80c5
```
#3c80c5 rgb(60,128,197)
```
#508dcb
```
#508dcb rgb(80,141,203)
```
#649ad1
```
#649ad1 rgb(100,154,209)
```
#77a7d7
```
#77a7d7 rgb(119,167,215)
```
#8bb3dd
```
#8bb3dd rgb(139,179,221)
```

Monochromatic Color

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

#50accb
```
#50accb rgb(80,172,203)
```
#50a2cb
```
#50a2cb rgb(80,162,203)
```
#5097cb
```
#5097cb rgb(80,151,203)
```
#508dcb
```
#508dcb rgb(80,141,203)
```
#5083cb
```
#5083cb rgb(80,131,203)
```
#5079cb
```
#5079cb rgb(80,121,203)
```
#506ecb
```
#506ecb rgb(80,110,203)
```

Similar Colors

Text with hexadecimal color #508dcb

This text has a font color of #508dcb.

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

#508dcb background color

This paragraph has a background color of #508dcb.

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

#508dcb border color

This element has a border color of #508dcb.

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

CSS codes

.text {color:#508dcb;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060e16
```
#060e16 rgb(6,14,22)
```
#0b1825
```
#0b1825 rgb(11,24,37)
```
#0f2134
```
#0f2134 rgb(15,33,52)
```
#142b43
```
#142b43 rgb(20,43,67)
```
#183552
```
#183552 rgb(24,53,82)
```
#1d3f61
```
#1d3f61 rgb(29,63,97)
```
#214970
```
#214970 rgb(33,73,112)
```
#26527f
```
#26527f rgb(38,82,127)
```
#2a5c8f
```
#2a5c8f rgb(42,92,143)
```
#2f669e
```
#2f669e rgb(47,102,158)
```
#3370ad
```
#3370ad rgb(51,112,173)
```
#3879bc
```
#3879bc rgb(56,121,188)
```

Shade Color Variation

#4183c7
```
#4183c7 rgb(65,131,199)
```
#508dcb
```
#508dcb rgb(80,141,203)
```
#5f97cf
```
#5f97cf rgb(95,151,207)
```
#6ea1d4
```
#6ea1d4 rgb(110,161,212)
```
#7dabd8
```
#7dabd8 rgb(125,171,216)
```
#8cb4dd
```
#8cb4dd rgb(140,180,221)
```
#9cbee1
```
#9cbee1 rgb(156,190,225)
```
#abc8e6
```
#abc8e6 rgb(171,200,230)
```
#bad2ea
```
#bad2ea rgb(186,210,234)
```
#c9dcef
```
#c9dcef rgb(201,220,239)
```
#d8e6f3
```
#d8e6f3 rgb(216,230,243)
```
#e7f0f8
```
#e7f0f8 rgb(231,240,248)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8d8e is the less saturated color, while #248df7 is the most saturated one.

#8d8d8e
```
#8d8d8e rgb(141,141,142)
```
#848d97
```
#848d97 rgb(132,141,151)
```
#7c8d9f
```
#7c8d9f rgb(124,141,159)
```
#738da8
```
#738da8 rgb(115,141,168)
```
#6a8db1
```
#6a8db1 rgb(106,141,177)
```
#618dba
```
#618dba rgb(97,141,186)
```
#598dc2
```
#598dc2 rgb(89,141,194)
```
#508dcb
```
#508dcb rgb(80,141,203)
```
#478dd4
```
#478dd4 rgb(71,141,212)
```
#3f8ddc
```
#3f8ddc rgb(63,141,220)
```
#368de5
```
#368de5 rgb(54,141,229)
```
#2d8dee
```
#2d8dee rgb(45,141,238)
```
#248df7
```
#248df7 rgb(36,141,247)
```

Tone Color Variation

Below, you can see how #508dcb 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
#788491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a8dc9 Protanopia 1% of men
#6f8ecf Deuteranopia 1% of men
#419ba6 Tritanopia 0.001% of the population

Trichromacy

#6a8dca Protanomaly 1% of men, 0.01% of women
#638ecd Deuteranomaly 6% of men, 0.4% of women
#4695b3 Tritanomaly 0.01% of the population

#508dcb hex color

#508dcb Color Information

#508dcb Color Conversion

Color Schemes with #508dcb

Alternatives to #508dcb

#508dcb Preview

Shades and Tints of #508dcb

Tones of #508dcb

Color Blindness Simulator