#557a74 hex color

In a RGB color space, hex #557a74 is composed of 33.3% red, 47.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 4.9% yellow and 52.2% black. It has a hue angle of 170.3 degrees, a saturation of 17.9% and a lightness of 40.6%. #557a74 color hex could be obtained by blending #aaf4e8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 48
- B 45
RGB color chart
- C 30
- M 0
- Y 5
- K 52
CMYK color chart

● #557a74 color description : Mostly desaturated dark cyan.

The hexadecimal color #557a74 has RGB values of R:85, G:122, B:116 and CMYK values of C:0.3, M:0, Y:0.05, K:0.52. Its decimal value is 5601908.

Hex triplet	557a74	`#557a74`
RGB Decimal	85, 122, 116	`rgb(85,122,116)`
RGB Percent	33.3, 47.8, 45.5	`rgb(33.3%,47.8%,45.5%)`
CMYK	30, 0, 5, 52
HSL	170.3°, 17.9, 40.6	`hsl(170.3,17.9%,40.6%)`
HSV (or HSB)	170.3°, 30.3, 47.8
Web Safe	666666	`#666666`

CIE-LAB	48.399, -14.424, -0.914
XYZ	13.857, 17.111, 19.095
xyY	0.277, 0.342, 17.111
CIE-LCH	48.399, 14.453, 183.626
CIE-LUV	48.399, -18.086, 0.912
Hunter-Lab	41.365, -12.591, 1.587
Binary	01010101, 01111010, 01110100

#557a74
```
#557a74 rgb(85,122,116)
```
#7a555b
```
#7a555b rgb(122,85,91)
```

Complementary Color

#557a62
```
#557a62 rgb(85,122,98)
```
#557a74
```
#557a74 rgb(85,122,116)
```
#556e7a
```
#556e7a rgb(85,110,122)
```

Analogous Color

#7a6255
```
#7a6255 rgb(122,98,85)
```
#557a74
```
#557a74 rgb(85,122,116)
```
#7a556e
```
#7a556e rgb(122,85,110)
```

Split Complementary Color

#7a7455
```
#7a7455 rgb(122,116,85)
```
#557a74
```
#557a74 rgb(85,122,116)
```
#74557a
```
#74557a rgb(116,85,122)
```

Triadic Color

#5b7a55
```
#5b7a55 rgb(91,122,85)
```
#557a74
```
#557a74 rgb(85,122,116)
```
#74557a
```
#74557a rgb(116,85,122)
```
#7a555b
```
#7a555b rgb(122,85,91)
```

Tetradic Color

#364d49
```
#364d49 rgb(54,77,73)
```
#405c57
```
#405c57 rgb(64,92,87)
```
#4b6b66
```
#4b6b66 rgb(75,107,102)
```
#557a74
```
#557a74 rgb(85,122,116)
```
#5f8982
```
#5f8982 rgb(95,137,130)
```
#6a9890
```
#6a9890 rgb(106,152,144)
```
#7aa29b
```
#7aa29b rgb(122,162,155)
```

Monochromatic Color

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

#557a6b
```
#557a6b rgb(85,122,107)
```
#557a6e
```
#557a6e rgb(85,122,110)
```
#557a71
```
#557a71 rgb(85,122,113)
```
#557a74
```
#557a74 rgb(85,122,116)
```
#557a77
```
#557a77 rgb(85,122,119)
```
#557a7a
```
#557a7a rgb(85,122,122)
```
#55777a
```
#55777a rgb(85,119,122)
```

Similar Colors

Text with hexadecimal color #557a74

This text has a font color of #557a74.

<span style="color:#557a74;">Text here</span>

#557a74 background color

This paragraph has a background color of #557a74.

<p style="background-color:#557a74;">Content here</p>

#557a74 border color

This element has a border color of #557a74.

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

CSS codes

.text {color:#557a74;}

.background {background-color:#557a74;}

.border {border:1px solid #557a74;}

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

#040606
```
#040606 rgb(4,6,6)
```
#0d1211
```
#0d1211 rgb(13,18,17)
```
#151e1c
```
#151e1c rgb(21,30,28)
```
#1d2927
```
#1d2927 rgb(29,41,39)
```
#253532
```
#253532 rgb(37,53,50)
```
#2d403d
```
#2d403d rgb(45,64,61)
```
#354c48
```
#354c48 rgb(53,76,72)
```
#3d5753
```
#3d5753 rgb(61,87,83)
```
#45635e
```
#45635e rgb(69,99,94)
```
#4d6e69
```
#4d6e69 rgb(77,110,105)
```
#557a74
```
#557a74 rgb(85,122,116)
```
#5d867f
```
#5d867f rgb(93,134,127)
```
#65918a
```
#65918a rgb(101,145,138)
```

Shade Color Variation

#6f9b94
```
#6f9b94 rgb(111,155,148)
```
#7ba39c
```
#7ba39c rgb(123,163,156)
```
#86aba5
```
#86aba5 rgb(134,171,165)
```
#92b3ae
```
#92b3ae rgb(146,179,174)
```
#9dbbb6
```
#9dbbb6 rgb(157,187,182)
```
#a9c3bf
```
#a9c3bf rgb(169,195,191)
```
#b4cbc7
```
#b4cbc7 rgb(180,203,199)
```
#c0d3d0
```
#c0d3d0 rgb(192,211,208)
```
#ccdbd9
```
#ccdbd9 rgb(204,219,217)
```
#d7e3e1
```
#d7e3e1 rgb(215,227,225)
```
#e3ebea
```
#e3ebea rgb(227,235,234)
```
#eef3f3
```
#eef3f3 rgb(238,243,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#656a69
```
#656a69 rgb(101,106,105)
```
#5d726f
```
#5d726f rgb(93,114,111)
```
#557a74
```
#557a74 rgb(85,122,116)
```
#4d8279
```
#4d8279 rgb(77,130,121)
```
#458a7f
```
#458a7f rgb(69,138,127)
```
#3d9284
```
#3d9284 rgb(61,146,132)
```
#359a8a
```
#359a8a rgb(53,154,138)
```
#2da28f
```
#2da28f rgb(45,162,143)
```
#25aa94
```
#25aa94 rgb(37,170,148)
```
#1db29a
```
#1db29a rgb(29,178,154)
```
#15ba9f
```
#15ba9f rgb(21,186,159)
```
#0dc2a4
```
#0dc2a4 rgb(13,194,164)
```
#05caaa
```
#05caaa rgb(5,202,170)
```

Tone Color Variation

Below, you can see how #557a74 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
#69706f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7977 Protanopia 1% of men
#83767e Deuteranopia 1% of men
#617e88 Tritanopia 0.001% of the population

Trichromacy

#6e7976 Protanomaly 1% of men, 0.01% of women
#72777a Deuteranomaly 6% of men, 0.4% of women
#5c7d80 Tritanomaly 0.01% of the population

#557a74 hex color

#557a74 Color Information

#557a74 Color Conversion

Color Schemes with #557a74

Alternatives to #557a74

#557a74 Preview

Shades and Tints of #557a74

Tones of #557a74

Color Blindness Simulator