#508da3 hex color

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

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

● #508da3 color description : Dark moderate blue.

The hexadecimal color #508da3 has RGB values of R:80, G:141, B:163 and CMYK values of C:0.51, M:0.13, Y:0, K:0.36. Its decimal value is 5279139.

Hex triplet	508da3	`#508da3`
RGB Decimal	80, 141, 163	`rgb(80,141,163)`
RGB Percent	31.4, 55.3, 63.9	`rgb(31.4%,55.3%,63.9%)`
CMYK	51, 13, 0, 36
HSL	195.9°, 34.2, 47.6	`hsl(195.9,34.2%,47.6%)`
HSV (or HSB)	195.9°, 50.9, 63.9
Web Safe	669999	`#669999`

CIE-LAB	55.48, -13.5, -17.742
XYZ	19.442, 23.398, 38.14
xyY	0.24, 0.289, 23.398
CIE-LCH	55.48, 22.294, 232.733
CIE-LUV	55.48, -27.001, -24.519
Hunter-Lab	48.372, -12.905, -12.889
Binary	01010000, 10001101, 10100011

#508da3
```
#508da3 rgb(80,141,163)
```
#a36650
```
#a36650 rgb(163,102,80)
```

Complementary Color

#50a390
```
#50a390 rgb(80,163,144)
```
#508da3
```
#508da3 rgb(80,141,163)
```
#5064a3
```
#5064a3 rgb(80,100,163)
```

Analogous Color

#a39050
```
#a39050 rgb(163,144,80)
```
#508da3
```
#508da3 rgb(80,141,163)
```
#a35064
```
#a35064 rgb(163,80,100)
```

Split Complementary Color

#8da350
```
#8da350 rgb(141,163,80)
```
#508da3
```
#508da3 rgb(80,141,163)
```
#a3508d
```
#a3508d rgb(163,80,141)
```

Triadic Color

#50a366
```
#50a366 rgb(80,163,102)
```
#508da3
```
#508da3 rgb(80,141,163)
```
#a3508d
```
#a3508d rgb(163,80,141)
```
#a36650
```
#a36650 rgb(163,102,80)
```

Tetradic Color

#376170
```
#376170 rgb(55,97,112)
```
#3f6f81
```
#3f6f81 rgb(63,111,129)
```
#487e92
```
#487e92 rgb(72,126,146)
```
#508da3
```
#508da3 rgb(80,141,163)
```
#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#6ea4b8
```
#6ea4b8 rgb(110,164,184)
```
#7fafc0
```
#7fafc0 rgb(127,175,192)
```

Monochromatic Color

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

#50a2a3
```
#50a2a3 rgb(80,162,163)
```
#509ba3
```
#509ba3 rgb(80,155,163)
```
#5094a3
```
#5094a3 rgb(80,148,163)
```
#508da3
```
#508da3 rgb(80,141,163)
```
#5086a3
```
#5086a3 rgb(80,134,163)
```
#507fa3
```
#507fa3 rgb(80,127,163)
```
#5078a3
```
#5078a3 rgb(80,120,163)
```

Similar Colors

Text with hexadecimal color #508da3

This text has a font color of #508da3.

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

#508da3 background color

This paragraph has a background color of #508da3.

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

#508da3 border color

This element has a border color of #508da3.

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

CSS codes

.text {color:#508da3;}

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

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

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)
```
#16272d
```
#16272d rgb(22,39,45)
```
#1c323a
```
#1c323a rgb(28,50,58)
```
#233d47
```
#233d47 rgb(35,61,71)
```
#294954
```
#294954 rgb(41,73,84)
```
#305461
```
#305461 rgb(48,84,97)
```
#365f6e
```
#365f6e rgb(54,95,110)
```
#3d6b7c
```
#3d6b7c rgb(61,107,124)
```
#437689
```
#437689 rgb(67,118,137)
```
#4a8296
```
#4a8296 rgb(74,130,150)
```
#508da3
```
#508da3 rgb(80,141,163)
```

Shade Color Variation

#5997ae
```
#5997ae rgb(89,151,174)
```
#669fb4
```
#669fb4 rgb(102,159,180)
```
#73a8ba
```
#73a8ba rgb(115,168,186)
```
#81b0c1
```
#81b0c1 rgb(129,176,193)
```
#8eb8c7
```
#8eb8c7 rgb(142,184,199)
```
#9bc0ce
```
#9bc0ce rgb(155,192,206)
```
#a8c9d4
```
#a8c9d4 rgb(168,201,212)
```
#b5d1db
```
#b5d1db rgb(181,209,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 #05b0ee is the most saturated one.

#757b7e
```
#757b7e rgb(117,123,126)
```
#6c8087
```
#6c8087 rgb(108,128,135)
```
#638490
```
#638490 rgb(99,132,144)
```
#59899a
```
#59899a rgb(89,137,154)
```
#508da3
```
#508da3 rgb(80,141,163)
```
#4791ac
```
#4791ac rgb(71,145,172)
```
#3d96b6
```
#3d96b6 rgb(61,150,182)
```
#349abf
```
#349abf rgb(52,154,191)
```
#2b9fc8
```
#2b9fc8 rgb(43,159,200)
```
#21a3d2
```
#21a3d2 rgb(33,163,210)
```
#18a7db
```
#18a7db rgb(24,167,219)
```
#0face4
```
#0face4 rgb(15,172,228)
```
#05b0ee
```
#05b0ee rgb(5,176,238)
```

Tone Color Variation

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

#868aa2 Protanopia 1% of men
#8688ab Deuteranopia 1% of men
#55949f Tritanopia 0.001% of the population

Trichromacy

#728ba2 Protanomaly 1% of men, 0.01% of women
#728aa8 Deuteranomaly 6% of men, 0.4% of women
#5391a0 Tritanomaly 0.01% of the population

#508da3 hex color

#508da3 Color Information

#508da3 Color Conversion

Color Schemes with #508da3

Alternatives to #508da3

#508da3 Preview

Shades and Tints of #508da3

Tones of #508da3

Color Blindness Simulator