#5a7166 hex color

In a RGB color space, hex #5a7166 is composed of 35.3% red, 44.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 0% magenta, 9.7% yellow and 55.7% black. It has a hue angle of 151.3 degrees, a saturation of 11.3% and a lightness of 39.8%. #5a7166 color hex could be obtained by blending #b4e2cc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 44
- B 40
RGB color chart
- C 20
- M 0
- Y 10
- K 56
CMYK color chart

● #5a7166 color description : Very dark grayish cyan - lime green.

The hexadecimal color #5a7166 has RGB values of R:90, G:113, B:102 and CMYK values of C:0.2, M:0, Y:0.1, K:0.56. Its decimal value is 5927270.

Hex triplet	5a7166	`#5a7166`
RGB Decimal	90, 113, 102	`rgb(90,113,102)`
RGB Percent	35.3, 44.3, 40	`rgb(35.3%,44.3%,40%)`
CMYK	20, 0, 10, 56
HSL	151.3°, 11.3, 39.8	`hsl(151.3,11.3%,39.8%)`
HSV (or HSB)	151.3°, 20.4, 44.3
Web Safe	666666	`#666666`

CIE-LAB	45.556, -10.927, 3.312
XYZ	12.519, 14.943, 14.794
xyY	0.296, 0.354, 14.943
CIE-LCH	45.556, 11.418, 163.141
CIE-LUV	45.556, -11.642, 6.031
Hunter-Lab	38.656, -9.839, 4.368
Binary	01011010, 01110001, 01100110

#5a7166
```
#5a7166 rgb(90,113,102)
```
#715a65
```
#715a65 rgb(113,90,101)
```

Complementary Color

#5a715b
```
#5a715b rgb(90,113,91)
```
#5a7166
```
#5a7166 rgb(90,113,102)
```
#5a7171
```
#5a7171 rgb(90,113,113)
```

Analogous Color

#715b5a
```
#715b5a rgb(113,91,90)
```
#5a7166
```
#5a7166 rgb(90,113,102)
```
#715a71
```
#715a71 rgb(113,90,113)
```

Split Complementary Color

#71665a
```
#71665a rgb(113,102,90)
```
#5a7166
```
#5a7166 rgb(90,113,102)
```
#665a71
```
#665a71 rgb(102,90,113)
```

Triadic Color

#65715a
```
#65715a rgb(101,113,90)
```
#5a7166
```
#5a7166 rgb(90,113,102)
```
#665a71
```
#665a71 rgb(102,90,113)
```
#715a65
```
#715a65 rgb(113,90,101)
```

Tetradic Color

#384640
```
#384640 rgb(56,70,64)
```
#43554c
```
#43554c rgb(67,85,76)
```
#4f6359
```
#4f6359 rgb(79,99,89)
```
#5a7166
```
#5a7166 rgb(90,113,102)
```
#657f73
```
#657f73 rgb(101,127,115)
```
#718d80
```
#718d80 rgb(113,141,128)
```
#7f998c
```
#7f998c rgb(127,153,140)
```

Monochromatic Color

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

#5a7160
```
#5a7160 rgb(90,113,96)
```
#5a7162
```
#5a7162 rgb(90,113,98)
```
#5a7164
```
#5a7164 rgb(90,113,100)
```
#5a7166
```
#5a7166 rgb(90,113,102)
```
#5a7168
```
#5a7168 rgb(90,113,104)
```
#5a716a
```
#5a716a rgb(90,113,106)
```
#5a716c
```
#5a716c rgb(90,113,108)
```

Similar Colors

Text with hexadecimal color #5a7166

This text has a font color of #5a7166.

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

#5a7166 background color

This paragraph has a background color of #5a7166.

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

#5a7166 border color

This element has a border color of #5a7166.

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

CSS codes

.text {color:#5a7166;}

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

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0c0f0d
```
#0c0f0d rgb(12,15,13)
```
#141a17
```
#141a17 rgb(20,26,23)
```
#1d2521
```
#1d2521 rgb(29,37,33)
```
#262f2b
```
#262f2b rgb(38,47,43)
```
#2f3a35
```
#2f3a35 rgb(47,58,53)
```
#37453f
```
#37453f rgb(55,69,63)
```
#405048
```
#405048 rgb(64,80,72)
```
#495b52
```
#495b52 rgb(73,91,82)
```
#51665c
```
#51665c rgb(81,102,92)
```
#5a7166
```
#5a7166 rgb(90,113,102)
```
#637c70
```
#637c70 rgb(99,124,112)
```
#6b877a
```
#6b877a rgb(107,135,122)
```

Shade Color Variation

#759184
```
#759184 rgb(117,145,132)
```
#809a8d
```
#809a8d rgb(128,154,141)
```
#8ba297
```
#8ba297 rgb(139,162,151)
```
#96aba1
```
#96aba1 rgb(150,171,161)
```
#a1b4ab
```
#a1b4ab rgb(161,180,171)
```
#abbcb4
```
#abbcb4 rgb(171,188,180)
```
#b6c5be
```
#b6c5be rgb(182,197,190)
```
#c1cec8
```
#c1cec8 rgb(193,206,200)
```
#ccd7d2
```
#ccd7d2 rgb(204,215,210)
```
#d7dfdb
```
#d7dfdb rgb(215,223,219)
```
#e2e8e5
```
#e2e8e5 rgb(226,232,229)
```
#edf1ef
```
#edf1ef rgb(237,241,239)
```
#f8f9f9
```
#f8f9f9 rgb(248,249,249)
```

Tint Color Variation

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

#626966
```
#626966 rgb(98,105,102)
```
#5a7166
```
#5a7166 rgb(90,113,102)
```
#527966
```
#527966 rgb(82,121,102)
```
#4a8167
```
#4a8167 rgb(74,129,103)
```
#438867
```
#438867 rgb(67,136,103)
```
#3b9067
```
#3b9067 rgb(59,144,103)
```
#339868
```
#339868 rgb(51,152,104)
```
#2ba068
```
#2ba068 rgb(43,160,104)
```
#23a868
```
#23a868 rgb(35,168,104)
```
#1caf69
```
#1caf69 rgb(28,175,105)
```
#14b769
```
#14b769 rgb(20,183,105)
```
#0cbf69
```
#0cbf69 rgb(12,191,105)
```
#04c76a
```
#04c76a rgb(4,199,106)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#666b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#77736b Protanopia 1% of men
#7f6f70 Deuteranopia 1% of men
#66757e Tritanopia 0.001% of the population

Trichromacy

#6c7269 Protanomaly 1% of men, 0.01% of women
#71706c Deuteranomaly 6% of men, 0.4% of women
#617475 Tritanomaly 0.01% of the population

#5a7166 hex color

#5a7166 Color Information

#5a7166 Color Conversion

Color Schemes with #5a7166

Alternatives to #5a7166

#5a7166 Preview

Shades and Tints of #5a7166

Tones of #5a7166

Color Blindness Simulator