#508dca hex color

In a RGB color space, hex #508dca is composed of 31.4% red, 55.3% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 30.2% magenta, 0% yellow and 20.8% black. It has a hue angle of 210 degrees, a saturation of 53.5% and a lightness of 55.3%. #508dca color hex could be obtained by blending #a0ffff with #001b95. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 55
- B 79
RGB color chart
- C 60
- M 30
- Y 0
- K 21
CMYK color chart

● #508dca color description : Moderate blue.

The hexadecimal color #508dca has RGB values of R:80, G:141, B:202 and CMYK values of C:0.6, M:0.3, Y:0, K:0.21. Its decimal value is 5279178.

Hex triplet	508dca	`#508dca`
RGB Decimal	80, 141, 202	`rgb(80,141,202)`
RGB Percent	31.4, 55.3, 79.2	`rgb(31.4%,55.3%,79.2%)`
CMYK	60, 30, 0, 21
HSL	210°, 53.5, 55.3	`hsl(210,53.5%,55.3%)`
HSV (or HSB)	210°, 60.4, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.093, -1.275, -37.457
XYZ	23.491, 25.018, 59.465
xyY	0.218, 0.232, 25.018
CIE-LCH	57.093, 37.479, 268.051
CIE-LUV	57.093, -26.001, -58.05
Hunter-Lab	50.018, -3.698, -35.476
Binary	01010000, 10001101, 11001010

#508dca
```
#508dca rgb(80,141,202)
```
#ca8d50
```
#ca8d50 rgb(202,141,80)
```

Complementary Color

#50caca
```
#50caca rgb(80,202,202)
```
#508dca
```
#508dca rgb(80,141,202)
```
#5050ca
```
#5050ca rgb(80,80,202)
```

Analogous Color

#caca50
```
#caca50 rgb(202,202,80)
```
#508dca
```
#508dca rgb(80,141,202)
```
#ca5050
```
#ca5050 rgb(202,80,80)
```

Split Complementary Color

#8dca50
```
#8dca50 rgb(141,202,80)
```
#508dca
```
#508dca rgb(80,141,202)
```
#ca508d
```
#ca508d rgb(202,80,141)
```

Triadic Color

#50ca8d
```
#50ca8d rgb(80,202,141)
```
#508dca
```
#508dca rgb(80,141,202)
```
#ca508d
```
#ca508d rgb(202,80,141)
```
#ca8d50
```
#ca8d50 rgb(202,141,80)
```

Tetradic Color

#30679e
```
#30679e rgb(48,103,158)
```
#3674b1
```
#3674b1 rgb(54,116,177)
```
#3c80c4
```
#3c80c4 rgb(60,128,196)
```
#508dca
```
#508dca rgb(80,141,202)
```
#649ad0
```
#649ad0 rgb(100,154,208)
```
#77a7d6
```
#77a7d6 rgb(119,167,214)
```
#8bb3dc
```
#8bb3dc rgb(139,179,220)
```

Monochromatic Color

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

#50acca
```
#50acca rgb(80,172,202)
```
#50a1ca
```
#50a1ca rgb(80,161,202)
```
#5097ca
```
#5097ca rgb(80,151,202)
```
#508dca
```
#508dca rgb(80,141,202)
```
#5083ca
```
#5083ca rgb(80,131,202)
```
#5079ca
```
#5079ca rgb(80,121,202)
```
#506fca
```
#506fca rgb(80,111,202)
```

Similar Colors

Text with hexadecimal color #508dca

This text has a font color of #508dca.

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

#508dca background color

This paragraph has a background color of #508dca.

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

#508dca border color

This element has a border color of #508dca.

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

CSS codes

.text {color:#508dca;}

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

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

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)
```
#060e15
```
#060e15 rgb(6,14,21)
```
#0b1724
```
#0b1724 rgb(11,23,36)
```
#0f2133
```
#0f2133 rgb(15,33,51)
```
#142b42
```
#142b42 rgb(20,43,66)
```
#193551
```
#193551 rgb(25,53,81)
```
#1d3f60
```
#1d3f60 rgb(29,63,96)
```
#22486f
```
#22486f rgb(34,72,111)
```
#26527e
```
#26527e rgb(38,82,126)
```
#2b5c8d
```
#2b5c8d rgb(43,92,141)
```
#2f669c
```
#2f669c rgb(47,102,156)
```
#3470ab
```
#3470ab rgb(52,112,171)
```
#3879ba
```
#3879ba rgb(56,121,186)
```

Shade Color Variation

#4183c5
```
#4183c5 rgb(65,131,197)
```
#508dca
```
#508dca rgb(80,141,202)
```
#5f97cf
```
#5f97cf rgb(95,151,207)
```
#6ea1d3
```
#6ea1d3 rgb(110,161,211)
```
#7daad8
```
#7daad8 rgb(125,170,216)
```
#8cb4dc
```
#8cb4dc rgb(140,180,220)
```
#9bbee1
```
#9bbee1 rgb(155,190,225)
```
#aac8e5
```
#aac8e5 rgb(170,200,229)
```
#b9d2ea
```
#b9d2ea rgb(185,210,234)
```
#c8dbee
```
#c8dbee rgb(200,219,238)
```
#d8e5f3
```
#d8e5f3 rgb(216,229,243)
```
#e7eff8
```
#e7eff8 rgb(231,239,248)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858d95 is the less saturated color, while #1b8dff is the most saturated one.

#858d95
```
#858d95 rgb(133,141,149)
```
#7c8d9e
```
#7c8d9e rgb(124,141,158)
```
#738da7
```
#738da7 rgb(115,141,167)
```
#6a8db0
```
#6a8db0 rgb(106,141,176)
```
#628db8
```
#628db8 rgb(98,141,184)
```
#598dc1
```
#598dc1 rgb(89,141,193)
```
#508dca
```
#508dca rgb(80,141,202)
```
#478dd3
```
#478dd3 rgb(71,141,211)
```
#3e8ddc
```
#3e8ddc rgb(62,141,220)
```
#368de4
```
#368de4 rgb(54,141,228)
```
#2d8ded
```
#2d8ded rgb(45,141,237)
```
#248df6
```
#248df6 rgb(36,141,246)
```
#1b8dff
```
#1b8dff rgb(27,141,255)
```

Tone Color Variation

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

Dichromacy

#7a8dc8 Protanopia 1% of men
#6f8ece Deuteranopia 1% of men
#429aa6 Tritanopia 0.001% of the population

Trichromacy

#6b8dc9 Protanomaly 1% of men, 0.01% of women
#648ecc Deuteranomaly 6% of men, 0.4% of women
#4795b3 Tritanomaly 0.01% of the population

#508dca hex color

#508dca Color Information

#508dca Color Conversion

Color Schemes with #508dca

Alternatives to #508dca

#508dca Preview

Shades and Tints of #508dca

Tones of #508dca

Color Blindness Simulator