#508a84 hex color

In a RGB color space, hex #508a84 is composed of 31.4% red, 54.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 0% magenta, 4.3% yellow and 45.9% black. It has a hue angle of 173.8 degrees, a saturation of 26.6% and a lightness of 42.7%. #508a84 color hex could be obtained by blending #a0ffff with #001509. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 54
- B 52
RGB color chart
- C 42
- M 0
- Y 4
- K 46
CMYK color chart

● #508a84 color description : Mostly desaturated dark cyan.

The hexadecimal color #508a84 has RGB values of R:80, G:138, B:132 and CMYK values of C:0.42, M:0, Y:0.04, K:0.46. Its decimal value is 5278340.

Hex triplet	508a84	`#508a84`
RGB Decimal	80, 138, 132	`rgb(80,138,132)`
RGB Percent	31.4, 54.1, 51.8	`rgb(31.4%,54.1%,51.8%)`
CMYK	42, 0, 4, 46
HSL	173.8°, 26.6, 42.7	`hsl(173.8,26.6%,42.7%)`
HSV (or HSB)	173.8°, 42, 54.1
Web Safe	669999	`#669999`

CIE-LAB	53.543, -20.493, -2.753
XYZ	16.56, 21.547, 25.115
xyY	0.262, 0.341, 21.547
CIE-LCH	53.543, 20.677, 187.651
CIE-LUV	53.543, -26.636, -0.817
Hunter-Lab	46.419, -17.552, 0.415
Binary	01010000, 10001010, 10000100

#508a84
```
#508a84 rgb(80,138,132)
```
#8a5056
```
#8a5056 rgb(138,80,86)
```

Complementary Color

#508a67
```
#508a67 rgb(80,138,103)
```
#508a84
```
#508a84 rgb(80,138,132)
```
#50738a
```
#50738a rgb(80,115,138)
```

Analogous Color

#8a6750
```
#8a6750 rgb(138,103,80)
```
#508a84
```
#508a84 rgb(80,138,132)
```
#8a5073
```
#8a5073 rgb(138,80,115)
```

Split Complementary Color

#8a8450
```
#8a8450 rgb(138,132,80)
```
#508a84
```
#508a84 rgb(80,138,132)
```
#84508a
```
#84508a rgb(132,80,138)
```

Triadic Color

#568a50
```
#568a50 rgb(86,138,80)
```
#508a84
```
#508a84 rgb(80,138,132)
```
#84508a
```
#84508a rgb(132,80,138)
```
#8a5056
```
#8a5056 rgb(138,80,86)
```

Tetradic Color

#345a56
```
#345a56 rgb(52,90,86)
```
#3d6a65
```
#3d6a65 rgb(61,106,101)
```
#477a75
```
#477a75 rgb(71,122,117)
```
#508a84
```
#508a84 rgb(80,138,132)
```
#599a93
```
#599a93 rgb(89,154,147)
```
#66a7a0
```
#66a7a0 rgb(102,167,160)
```
#77b0aa
```
#77b0aa rgb(119,176,170)
```

Monochromatic Color

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

#508a76
```
#508a76 rgb(80,138,118)
```
#508a7a
```
#508a7a rgb(80,138,122)
```
#508a7f
```
#508a7f rgb(80,138,127)
```
#508a84
```
#508a84 rgb(80,138,132)
```
#508a89
```
#508a89 rgb(80,138,137)
```
#50868a
```
#50868a rgb(80,134,138)
```
#50828a
```
#50828a rgb(80,130,138)
```

Similar Colors

Text with hexadecimal color #508a84

This text has a font color of #508a84.

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

#508a84 background color

This paragraph has a background color of #508a84.

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

#508a84 border color

This element has a border color of #508a84.

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

CSS codes

.text {color:#508a84;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080e0d
```
#080e0d rgb(8,14,13)
```
#0f1a19
```
#0f1a19 rgb(15,26,25)
```
#162725
```
#162725 rgb(22,39,37)
```
#1e3331
```
#1e3331 rgb(30,51,49)
```
#253f3d
```
#253f3d rgb(37,63,61)
```
#2c4c49
```
#2c4c49 rgb(44,76,73)
```
#335854
```
#335854 rgb(51,88,84)
```
#3a6560
```
#3a6560 rgb(58,101,96)
```
#42716c
```
#42716c rgb(66,113,108)
```
#497e78
```
#497e78 rgb(73,126,120)
```
#508a84
```
#508a84 rgb(80,138,132)
```
#579690
```
#579690 rgb(87,150,144)
```

Shade Color Variation

#5fa29b
```
#5fa29b rgb(95,162,155)
```
#6ba9a3
```
#6ba9a3 rgb(107,169,163)
```
#78b1ab
```
#78b1ab rgb(120,177,171)
```
#84b8b2
```
#84b8b2 rgb(132,184,178)
```
#91bfba
```
#91bfba rgb(145,191,186)
```
#9dc6c2
```
#9dc6c2 rgb(157,198,194)
```
#a9cdca
```
#a9cdca rgb(169,205,202)
```
#b6d5d1
```
#b6d5d1 rgb(182,213,209)
```
#c2dcd9
```
#c2dcd9 rgb(194,220,217)
```
#cfe3e1
```
#cfe3e1 rgb(207,227,225)
```
#dbeae9
```
#dbeae9 rgb(219,234,233)
```
#e8f1f0
```
#e8f1f0 rgb(232,241,240)
```
#f4f9f8
```
#f4f9f8 rgb(244,249,248)
```

Tint Color Variation

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

#697170
```
#697170 rgb(105,113,112)
```
#617977
```
#617977 rgb(97,121,119)
```
#58827d
```
#58827d rgb(88,130,125)
```
#508a84
```
#508a84 rgb(80,138,132)
```
#48928b
```
#48928b rgb(72,146,139)
```
#3f9b91
```
#3f9b91 rgb(63,155,145)
```
#37a398
```
#37a398 rgb(55,163,152)
```
#2eac9f
```
#2eac9f rgb(46,172,159)
```
#26b4a5
```
#26b4a5 rgb(38,180,165)
```
#1ebcac
```
#1ebcac rgb(30,188,172)
```
#15c5b3
```
#15c5b3 rgb(21,197,179)
```
#0dcdb9
```
#0dcdb9 rgb(13,205,185)
```
#05d5c0
```
#05d5c0 rgb(5,213,192)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#707c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#898584 Protanopia 1% of men
#8e828e Deuteranopia 1% of men
#5d8d98 Tritanopia 0.001% of the population

Trichromacy

#748784 Protanomaly 1% of men, 0.01% of women
#78858a Deuteranomaly 6% of men, 0.4% of women
#588c90 Tritanomaly 0.01% of the population

#508a84 hex color

#508a84 Color Information

#508a84 Color Conversion

Color Schemes with #508a84

Alternatives to #508a84

#508a84 Preview

Shades and Tints of #508a84

Tones of #508a84

Color Blindness Simulator