#5a7678 hex color

In a RGB color space, hex #5a7678 is composed of 35.3% red, 46.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 1.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 184 degrees, a saturation of 14.3% and a lightness of 41.2%. #5a7678 color hex could be obtained by blending #b4ecf0 with #000000. Closest websafe color is: #666666.

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

● #5a7678 color description : Dark grayish cyan.

The hexadecimal color #5a7678 has RGB values of R:90, G:118, B:120 and CMYK values of C:0.25, M:0.02, Y:0, K:0.53. Its decimal value is 5928568.

Hex triplet	5a7678	`#5a7678`
RGB Decimal	90, 118, 120	`rgb(90,118,120)`
RGB Percent	35.3, 46.3, 47.1	`rgb(35.3%,46.3%,47.1%)`
CMYK	25, 2, 0, 53
HSL	184°, 14.3, 41.2	`hsl(184,14.3%,41.2%)`
HSV (or HSB)	184°, 25, 47.1
Web Safe	666666	`#666666`

CIE-LAB	47.606, -9.577, -4.417
XYZ	14.084, 16.486, 20.208
xyY	0.277, 0.325, 16.486
CIE-LCH	47.606, 10.546, 204.762
CIE-LUV	47.606, -14.161, -4.67
Hunter-Lab	40.603, -9.138, -1.087
Binary	01011010, 01110110, 01111000

#5a7678
```
#5a7678 rgb(90,118,120)
```
#785c5a
```
#785c5a rgb(120,92,90)
```

Complementary Color

#5a786b
```
#5a786b rgb(90,120,107)
```
#5a7678
```
#5a7678 rgb(90,118,120)
```
#5a6778
```
#5a6778 rgb(90,103,120)
```

Analogous Color

#786b5a
```
#786b5a rgb(120,107,90)
```
#5a7678
```
#5a7678 rgb(90,118,120)
```
#785a67
```
#785a67 rgb(120,90,103)
```

Split Complementary Color

#76785a
```
#76785a rgb(118,120,90)
```
#5a7678
```
#5a7678 rgb(90,118,120)
```
#785a76
```
#785a76 rgb(120,90,118)
```

Triadic Color

#5a785c
```
#5a785c rgb(90,120,92)
```
#5a7678
```
#5a7678 rgb(90,118,120)
```
#785a76
```
#785a76 rgb(120,90,118)
```
#785c5a
```
#785c5a rgb(120,92,90)
```

Tetradic Color

#394b4c
```
#394b4c rgb(57,75,76)
```
#44595b
```
#44595b rgb(68,89,91)
```
#4f6869
```
#4f6869 rgb(79,104,105)
```
#5a7678
```
#5a7678 rgb(90,118,120)
```
#658487
```
#658487 rgb(101,132,135)
```
#719294
```
#719294 rgb(113,146,148)
```
#7f9d9f
```
#7f9d9f rgb(127,157,159)
```

Monochromatic Color

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

#5a7873
```
#5a7873 rgb(90,120,115)
```
#5a7875
```
#5a7875 rgb(90,120,117)
```
#5a7878
```
#5a7878 rgb(90,120,120)
```
#5a7678
```
#5a7678 rgb(90,118,120)
```
#5a7478
```
#5a7478 rgb(90,116,120)
```
#5a7178
```
#5a7178 rgb(90,113,120)
```
#5a6f78
```
#5a6f78 rgb(90,111,120)
```

Similar Colors

Text with hexadecimal color #5a7678

This text has a font color of #5a7678.

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

#5a7678 background color

This paragraph has a background color of #5a7678.

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

#5a7678 border color

This element has a border color of #5a7678.

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

CSS codes

.text {color:#5a7678;}

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

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

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

#060808
```
#060808 rgb(6,8,8)
```
#0e1313
```
#0e1313 rgb(14,19,19)
```
#171e1e
```
#171e1e rgb(23,30,30)
```
#1f292a
```
#1f292a rgb(31,41,42)
```
#283435
```
#283435 rgb(40,52,53)
```
#303f40
```
#303f40 rgb(48,63,64)
```
#384a4b
```
#384a4b rgb(56,74,75)
```
#415556
```
#415556 rgb(65,85,86)
```
#496062
```
#496062 rgb(73,96,98)
```
#526b6d
```
#526b6d rgb(82,107,109)
```
#5a7678
```
#5a7678 rgb(90,118,120)
```
#628183
```
#628183 rgb(98,129,131)
```
#6b8c8e
```
#6b8c8e rgb(107,140,142)
```

Shade Color Variation

#759598
```
#759598 rgb(117,149,152)
```
#809ea0
```
#809ea0 rgb(128,158,160)
```
#8ca7a8
```
#8ca7a8 rgb(140,167,168)
```
#97afb1
```
#97afb1 rgb(151,175,177)
```
#a2b8b9
```
#a2b8b9 rgb(162,184,185)
```
#adc0c2
```
#adc0c2 rgb(173,192,194)
```
#b8c9ca
```
#b8c9ca rgb(184,201,202)
```
#c4d2d2
```
#c4d2d2 rgb(196,210,210)
```
#cfdadb
```
#cfdadb rgb(207,218,219)
```
#dae3e3
```
#dae3e3 rgb(218,227,227)
```
#e5ebec
```
#e5ebec rgb(229,235,236)
```
#f0f4f4
```
#f0f4f4 rgb(240,244,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626f70 is the less saturated color, while #01c3d1 is the most saturated one.

#626f70
```
#626f70 rgb(98,111,112)
```
#5a7678
```
#5a7678 rgb(90,118,120)
```
#527d80
```
#527d80 rgb(82,125,128)
```
#4a8488
```
#4a8488 rgb(74,132,136)
```
#428b90
```
#428b90 rgb(66,139,144)
```
#3a9298
```
#3a9298 rgb(58,146,152)
```
#3299a0
```
#3299a0 rgb(50,153,160)
```
#2aa0a8
```
#2aa0a8 rgb(42,160,168)
```
#21a7b1
```
#21a7b1 rgb(33,167,177)
```
#19aeb9
```
#19aeb9 rgb(25,174,185)
```
#11b5c1
```
#11b5c1 rgb(17,181,193)
```
#09bcc9
```
#09bcc9 rgb(9,188,201)
```
#01c3d1
```
#01c3d1 rgb(1,195,209)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6a7070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#79777c Protanopia 1% of men
#7e7581 Deuteranopia 1% of men
#647c85 Tritanopia 0.001% of the population

Trichromacy

#6d777a Protanomaly 1% of men, 0.01% of women
#71757e Deuteranomaly 6% of men, 0.4% of women
#607980 Tritanomaly 0.01% of the population

#5a7678 hex color

#5a7678 Color Information

#5a7678 Color Conversion

Color Schemes with #5a7678

Alternatives to #5a7678

#5a7678 Preview

Shades and Tints of #5a7678

Tones of #5a7678

Color Blindness Simulator