#508ca3 hex color

In a RGB color space, hex #508ca3 is composed of 31.4% red, 54.9% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 14.1% magenta, 0% yellow and 36.1% black. It has a hue angle of 196.6 degrees, a saturation of 34.2% and a lightness of 47.6%. #508ca3 color hex could be obtained by blending #a0ffff with #001947. Closest websafe color is: #669999.

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

● #508ca3 color description : Dark moderate blue.

The hexadecimal color #508ca3 has RGB values of R:80, G:140, B:163 and CMYK values of C:0.51, M:0.14, Y:0, K:0.36. Its decimal value is 5278883.

Hex triplet	508ca3	`#508ca3`
RGB Decimal	80, 140, 163	`rgb(80,140,163)`
RGB Percent	31.4, 54.9, 63.9	`rgb(31.4%,54.9%,63.9%)`
CMYK	51, 14, 0, 36
HSL	196.6°, 34.2, 47.6	`hsl(196.6,34.2%,47.6%)`
HSV (or HSB)	196.6°, 50.9, 63.9
Web Safe	669999	`#669999`

CIE-LAB	55.18, -12.949, -18.2
XYZ	19.296, 23.105, 38.091
xyY	0.24, 0.287, 23.105
CIE-LCH	55.18, 22.336, 234.567
CIE-LUV	55.18, -26.607, -25.285
Hunter-Lab	48.067, -12.463, -13.337
Binary	01010000, 10001100, 10100011

#508ca3
```
#508ca3 rgb(80,140,163)
```
#a36750
```
#a36750 rgb(163,103,80)
```

Complementary Color

#50a391
```
#50a391 rgb(80,163,145)
```
#508ca3
```
#508ca3 rgb(80,140,163)
```
#5063a3
```
#5063a3 rgb(80,99,163)
```

Analogous Color

#a39150
```
#a39150 rgb(163,145,80)
```
#508ca3
```
#508ca3 rgb(80,140,163)
```
#a35063
```
#a35063 rgb(163,80,99)
```

Split Complementary Color

#8ca350
```
#8ca350 rgb(140,163,80)
```
#508ca3
```
#508ca3 rgb(80,140,163)
```
#a3508c
```
#a3508c rgb(163,80,140)
```

Triadic Color

#50a367
```
#50a367 rgb(80,163,103)
```
#508ca3
```
#508ca3 rgb(80,140,163)
```
#a3508c
```
#a3508c rgb(163,80,140)
```
#a36750
```
#a36750 rgb(163,103,80)
```

Tetradic Color

#376070
```
#376070 rgb(55,96,112)
```
#3f6f81
```
#3f6f81 rgb(63,111,129)
```
#487d92
```
#487d92 rgb(72,125,146)
```
#508ca3
```
#508ca3 rgb(80,140,163)
```
#5d99af
```
#5d99af rgb(93,153,175)
```
#6ea3b8
```
#6ea3b8 rgb(110,163,184)
```
#7faec0
```
#7faec0 rgb(127,174,192)
```

Monochromatic Color

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

#50a1a3
```
#50a1a3 rgb(80,161,163)
```
#509aa3
```
#509aa3 rgb(80,154,163)
```
#5093a3
```
#5093a3 rgb(80,147,163)
```
#508ca3
```
#508ca3 rgb(80,140,163)
```
#5085a3
```
#5085a3 rgb(80,133,163)
```
#507ea3
```
#507ea3 rgb(80,126,163)
```
#5077a3
```
#5077a3 rgb(80,119,163)
```

Similar Colors

Text with hexadecimal color #508ca3

This text has a font color of #508ca3.

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

#508ca3 background color

This paragraph has a background color of #508ca3.

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

#508ca3 border color

This element has a border color of #508ca3.

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

CSS codes

.text {color:#508ca3;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#091012
```
#091012 rgb(9,16,18)
```
#0f1b1f
```
#0f1b1f rgb(15,27,31)
```
#16262d
```
#16262d rgb(22,38,45)
```
#1c323a
```
#1c323a rgb(28,50,58)
```
#233d47
```
#233d47 rgb(35,61,71)
```
#294854
```
#294854 rgb(41,72,84)
```
#305361
```
#305361 rgb(48,83,97)
```
#365f6e
```
#365f6e rgb(54,95,110)
```
#3d6a7c
```
#3d6a7c rgb(61,106,124)
```
#437589
```
#437589 rgb(67,117,137)
```
#4a8196
```
#4a8196 rgb(74,129,150)
```
#508ca3
```
#508ca3 rgb(80,140,163)
```

Shade Color Variation

#5996ae
```
#5996ae rgb(89,150,174)
```
#669eb4
```
#669eb4 rgb(102,158,180)
```
#73a7ba
```
#73a7ba rgb(115,167,186)
```
#81afc1
```
#81afc1 rgb(129,175,193)
```
#8eb7c7
```
#8eb7c7 rgb(142,183,199)
```
#9bc0ce
```
#9bc0ce rgb(155,192,206)
```
#a8c8d4
```
#a8c8d4 rgb(168,200,212)
```
#b5d0db
```
#b5d0db rgb(181,208,219)
```
#c2d9e1
```
#c2d9e1 rgb(194,217,225)
```
#cfe1e8
```
#cfe1e8 rgb(207,225,232)
```
#dde9ee
```
#dde9ee rgb(221,233,238)
```
#eaf2f5
```
#eaf2f5 rgb(234,242,245)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b7e is the less saturated color, while #05adee is the most saturated one.

#757b7e
```
#757b7e rgb(117,123,126)
```
#6c8087
```
#6c8087 rgb(108,128,135)
```
#638490
```
#638490 rgb(99,132,144)
```
#59889a
```
#59889a rgb(89,136,154)
```
#508ca3
```
#508ca3 rgb(80,140,163)
```
#4790ac
```
#4790ac rgb(71,144,172)
```
#3d94b6
```
#3d94b6 rgb(61,148,182)
```
#3498bf
```
#3498bf rgb(52,152,191)
```
#2b9dc8
```
#2b9dc8 rgb(43,157,200)
```
#21a1d2
```
#21a1d2 rgb(33,161,210)
```
#18a5db
```
#18a5db rgb(24,165,219)
```
#0fa9e4
```
#0fa9e4 rgb(15,169,228)
```
#05adee
```
#05adee rgb(5,173,238)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#748085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8489a2 Protanopia 1% of men
#8588ab Deuteranopia 1% of men
#55939e Tritanopia 0.001% of the population

Trichromacy

#718aa2 Protanomaly 1% of men, 0.01% of women
#7189a8 Deuteranomaly 6% of men, 0.4% of women
#5390a0 Tritanomaly 0.01% of the population

#508ca3 hex color

#508ca3 Color Information

#508ca3 Color Conversion

Color Schemes with #508ca3

Alternatives to #508ca3

#508ca3 Preview

Shades and Tints of #508ca3

Tones of #508ca3

Color Blindness Simulator