#5a8386 hex color

In a RGB color space, hex #5a8386 is composed of 35.3% red, 51.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 2.2% magenta, 0% yellow and 47.5% black. It has a hue angle of 184.1 degrees, a saturation of 19.6% and a lightness of 43.9%. #5a8386 color hex could be obtained by blending #b4ffff with #00070d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 51
- B 53
RGB color chart
- C 33
- M 2
- Y 0
- K 47
CMYK color chart

● #5a8386 color description : Mostly desaturated dark cyan.

The hexadecimal color #5a8386 has RGB values of R:90, G:131, B:134 and CMYK values of C:0.33, M:0.02, Y:0, K:0.47. Its decimal value is 5931910.

Hex triplet	5a8386	`#5a8386`
RGB Decimal	90, 131, 134	`rgb(90,131,134)`
RGB Percent	35.3, 51.4, 52.5	`rgb(35.3%,51.4%,52.5%)`
CMYK	33, 2, 0, 47
HSL	184.1°, 19.6, 43.9	`hsl(184.1,19.6%,43.9%)`
HSV (or HSB)	184.1°, 32.8, 52.5
Web Safe	669999	`#669999`

CIE-LAB	51.98, -13.338, -6.171
XYZ	16.635, 20.127, 25.561
xyY	0.267, 0.323, 20.127
CIE-LCH	51.98, 14.696, 204.828
CIE-LUV	51.98, -19.921, -6.762
Hunter-Lab	44.863, -12.324, -2.377
Binary	01011010, 10000011, 10000110

#5a8386
```
#5a8386 rgb(90,131,134)
```
#865d5a
```
#865d5a rgb(134,93,90)
```

Complementary Color

#5a8673
```
#5a8673 rgb(90,134,115)
```
#5a8386
```
#5a8386 rgb(90,131,134)
```
#5a6d86
```
#5a6d86 rgb(90,109,134)
```

Analogous Color

#86735a
```
#86735a rgb(134,115,90)
```
#5a8386
```
#5a8386 rgb(90,131,134)
```
#865a6d
```
#865a6d rgb(134,90,109)
```

Split Complementary Color

#83865a
```
#83865a rgb(131,134,90)
```
#5a8386
```
#5a8386 rgb(90,131,134)
```
#865a83
```
#865a83 rgb(134,90,131)
```

Triadic Color

#5a865d
```
#5a865d rgb(90,134,93)
```
#5a8386
```
#5a8386 rgb(90,131,134)
```
#865a83
```
#865a83 rgb(134,90,131)
```
#865d5a
```
#865d5a rgb(134,93,90)
```

Tetradic Color

#3b5658
```
#3b5658 rgb(59,86,88)
```
#466567
```
#466567 rgb(70,101,103)
```
#507477
```
#507477 rgb(80,116,119)
```
#5a8386
```
#5a8386 rgb(90,131,134)
```
#649295
```
#649295 rgb(100,146,149)
```
#729da1
```
#729da1 rgb(114,157,161)
```
#82a8ab
```
#82a8ab rgb(130,168,171)
```

Monochromatic Color

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

#5a867e
```
#5a867e rgb(90,134,126)
```
#5a8682
```
#5a8682 rgb(90,134,130)
```
#5a8685
```
#5a8685 rgb(90,134,133)
```
#5a8386
```
#5a8386 rgb(90,131,134)
```
#5a7f86
```
#5a7f86 rgb(90,127,134)
```
#5a7c86
```
#5a7c86 rgb(90,124,134)
```
#5a7886
```
#5a7886 rgb(90,120,134)
```

Similar Colors

Text with hexadecimal color #5a8386

This text has a font color of #5a8386.

<span style="color:#5a8386;">Text here</span>

#5a8386 background color

This paragraph has a background color of #5a8386.

<p style="background-color:#5a8386;">Content here</p>

#5a8386 border color

This element has a border color of #5a8386.

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

CSS codes

.text {color:#5a8386;}

.background {background-color:#5a8386;}

.border {border:1px solid #5a8386;}

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

#030505
```
#030505 rgb(3,5,5)
```
#0b1011
```
#0b1011 rgb(11,16,17)
```
#131c1c
```
#131c1c rgb(19,28,28)
```
#1b2728
```
#1b2728 rgb(27,39,40)
```
#233334
```
#233334 rgb(35,51,52)
```
#2b3e40
```
#2b3e40 rgb(43,62,64)
```
#334a4b
```
#334a4b rgb(51,74,75)
```
#3a5557
```
#3a5557 rgb(58,85,87)
```
#426163
```
#426163 rgb(66,97,99)
```
#4a6c6f
```
#4a6c6f rgb(74,108,111)
```
#52787a
```
#52787a rgb(82,120,122)
```
#5a8386
```
#5a8386 rgb(90,131,134)
```
#628e92
```
#628e92 rgb(98,142,146)
```

Shade Color Variation

#6b999c
```
#6b999c rgb(107,153,156)
```
#77a1a4
```
#77a1a4 rgb(119,161,164)
```
#83a9ac
```
#83a9ac rgb(131,169,172)
```
#8fb1b3
```
#8fb1b3 rgb(143,177,179)
```
#9ab9bb
```
#9ab9bb rgb(154,185,187)
```
#a6c1c3
```
#a6c1c3 rgb(166,193,195)
```
#b2c9cb
```
#b2c9cb rgb(178,201,203)
```
#bed2d3
```
#bed2d3 rgb(190,210,211)
```
#c9dadb
```
#c9dadb rgb(201,218,219)
```
#d5e2e3
```
#d5e2e3 rgb(213,226,227)
```
#e1eaeb
```
#e1eaeb rgb(225,234,235)
```
#ecf2f3
```
#ecf2f3 rgb(236,242,243)
```
#f8fafa
```
#f8fafa rgb(248,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7475 is the less saturated color, while #04cddc is the most saturated one.

#6b7475
```
#6b7475 rgb(107,116,117)
```
#637c7d
```
#637c7d rgb(99,124,125)
```
#5a8386
```
#5a8386 rgb(90,131,134)
```
#518a8f
```
#518a8f rgb(81,138,143)
```
#499297
```
#499297 rgb(73,146,151)
```
#4099a0
```
#4099a0 rgb(64,153,160)
```
#38a1a8
```
#38a1a8 rgb(56,161,168)
```
#2fa8b1
```
#2fa8b1 rgb(47,168,177)
```
#26b0ba
```
#26b0ba rgb(38,176,186)
```
#1eb7c2
```
#1eb7c2 rgb(30,183,194)
```
#15bfcb
```
#15bfcb rgb(21,191,203)
```
#0cc6d4
```
#0cc6d4 rgb(12,198,212)
```
#04cddc
```
#04cddc rgb(4,205,220)
```

Tone Color Variation

Below, you can see how #5a8386 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

#777777 Achromatopsia 0.005% of the population
#71797a Atypical Achromatopsia 0.001% of the population

Dichromacy

#838288 Protanopia 1% of men
#887f8f Deuteranopia 1% of men
#648892 Tritanopia 0.001% of the population

Trichromacy

#748287 Protanomaly 1% of men, 0.01% of women
#77808c Deuteranomaly 6% of men, 0.4% of women
#60868d Tritanomaly 0.01% of the population

#5a8386 hex color

#5a8386 Color Information

#5a8386 Color Conversion

Color Schemes with #5a8386

Alternatives to #5a8386

#5a8386 Preview

Shades and Tints of #5a8386

Tones of #5a8386

Color Blindness Simulator