#557172 hex color

In a RGB color space, hex #557172 is composed of 33.3% red, 44.3% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 0.9% magenta, 0% yellow and 55.3% black. It has a hue angle of 182.1 degrees, a saturation of 14.6% and a lightness of 39%. #557172 color hex could be obtained by blending #aae2e4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 44
- B 45
RGB color chart
- C 25
- M 1
- Y 0
- K 55
CMYK color chart

● #557172 color description : Very dark grayish cyan.

The hexadecimal color #557172 has RGB values of R:85, G:113, B:114 and CMYK values of C:0.25, M:0.01, Y:0, K:0.55. Its decimal value is 5599602.

Hex triplet	557172	`#557172`
RGB Decimal	85, 113, 114	`rgb(85,113,114)`
RGB Percent	33.3, 44.3, 44.7	`rgb(33.3%,44.3%,44.7%)`
CMYK	25, 1, 0, 55
HSL	182.1°, 14.6, 39	`hsl(182.1,14.6%,39%)`
HSV (or HSB)	182.1°, 25.4, 44.7
Web Safe	666666	`#666666`

CIE-LAB	45.574, -9.867, -3.882
XYZ	12.688, 14.956, 18.137
xyY	0.277, 0.327, 14.956
CIE-LCH	45.574, 10.603, 201.474
CIE-LUV	45.574, -14.04, -3.837
Hunter-Lab	38.673, -9.115, -0.735
Binary	01010101, 01110001, 01110010

#557172
```
#557172 rgb(85,113,114)
```
#725655
```
#725655 rgb(114,86,85)
```

Complementary Color

#557265
```
#557265 rgb(85,114,101)
```
#557172
```
#557172 rgb(85,113,114)
```
#556372
```
#556372 rgb(85,99,114)
```

Analogous Color

#726555
```
#726555 rgb(114,101,85)
```
#557172
```
#557172 rgb(85,113,114)
```
#725563
```
#725563 rgb(114,85,99)
```

Split Complementary Color

#717255
```
#717255 rgb(113,114,85)
```
#557172
```
#557172 rgb(85,113,114)
```
#725571
```
#725571 rgb(114,85,113)
```

Triadic Color

#557256
```
#557256 rgb(85,114,86)
```
#557172
```
#557172 rgb(85,113,114)
```
#725571
```
#725571 rgb(114,85,113)
```
#725655
```
#725655 rgb(114,86,85)
```

Tetradic Color

#344646
```
#344646 rgb(52,70,70)
```
#3f5455
```
#3f5455 rgb(63,84,85)
```
#4a6363
```
#4a6363 rgb(74,99,99)
```
#557172
```
#557172 rgb(85,113,114)
```
#607f81
```
#607f81 rgb(96,127,129)
```
#6b8e8f
```
#6b8e8f rgb(107,142,143)
```
#799a9b
```
#799a9b rgb(121,154,155)
```

Monochromatic Color

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

#55726c
```
#55726c rgb(85,114,108)
```
#55726e
```
#55726e rgb(85,114,110)
```
#557271
```
#557271 rgb(85,114,113)
```
#557172
```
#557172 rgb(85,113,114)
```
#556f72
```
#556f72 rgb(85,111,114)
```
#556c72
```
#556c72 rgb(85,108,114)
```
#556a72
```
#556a72 rgb(85,106,114)
```

Similar Colors

Text with hexadecimal color #557172

This text has a font color of #557172.

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

#557172 background color

This paragraph has a background color of #557172.

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

#557172 border color

This element has a border color of #557172.

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

CSS codes

.text {color:#557172;}

.background {background-color:#557172;}

.border {border:1px solid #557172;}

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

#010202
```
#010202 rgb(1,2,2)
```
#0a0d0d
```
#0a0d0d rgb(10,13,13)
```
#121818
```
#121818 rgb(18,24,24)
```
#1a2323
```
#1a2323 rgb(26,35,35)
```
#232e2f
```
#232e2f rgb(35,46,47)
```
#2b393a
```
#2b393a rgb(43,57,58)
```
#334445
```
#334445 rgb(51,68,69)
```
#3c5050
```
#3c5050 rgb(60,80,80)
```
#445b5c
```
#445b5c rgb(68,91,92)
```
#4d6667
```
#4d6667 rgb(77,102,103)
```
#557172
```
#557172 rgb(85,113,114)
```
#5d7c7d
```
#5d7c7d rgb(93,124,125)
```
#668788
```
#668788 rgb(102,135,136)
```

Shade Color Variation

#6f9293
```
#6f9293 rgb(111,146,147)
```
#7a9b9c
```
#7a9b9c rgb(122,155,156)
```
#85a3a4
```
#85a3a4 rgb(133,163,164)
```
#90abac
```
#90abac rgb(144,171,172)
```
#9bb4b5
```
#9bb4b5 rgb(155,180,181)
```
#a7bcbd
```
#a7bcbd rgb(167,188,189)
```
#b2c5c6
```
#b2c5c6 rgb(178,197,198)
```
#bdcdce
```
#bdcdce rgb(189,205,206)
```
#c8d6d6
```
#c8d6d6 rgb(200,214,214)
```
#d4dedf
```
#d4dedf rgb(212,222,223)
```
#dfe7e7
```
#dfe7e7 rgb(223,231,231)
```
#eaefef
```
#eaefef rgb(234,239,239)
```
#f5f8f8
```
#f5f8f8 rgb(245,248,248)
```

Tint Color Variation

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

#5d6a6a
```
#5d6a6a rgb(93,106,106)
```
#557172
```
#557172 rgb(85,113,114)
```
#4d787a
```
#4d787a rgb(77,120,122)
```
#467f81
```
#467f81 rgb(70,127,129)
```
#3e8689
```
#3e8689 rgb(62,134,137)
```
#368e91
```
#368e91 rgb(54,142,145)
```
#2f9598
```
#2f9598 rgb(47,149,152)
```
#279ca0
```
#279ca0 rgb(39,156,160)
```
#1fa3a8
```
#1fa3a8 rgb(31,163,168)
```
#18aaaf
```
#18aaaf rgb(24,170,175)
```
#10b1b7
```
#10b1b7 rgb(16,177,183)
```
#08b8bf
```
#08b8bf rgb(8,184,191)
```
#01bfc6
```
#01bfc6 rgb(1,191,198)
```

Tone Color Variation

Below, you can see how #557172 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
#656b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#747276 Protanopia 1% of men
#7a707c Deuteranopia 1% of men
#5f777f Tritanopia 0.001% of the population

Trichromacy

#697274 Protanomaly 1% of men, 0.01% of women
#6c7078 Deuteranomaly 6% of men, 0.4% of women
#5b757a Tritanomaly 0.01% of the population

#557172 hex color

#557172 Color Information

#557172 Color Conversion

Color Schemes with #557172

Alternatives to #557172

#557172 Preview

Shades and Tints of #557172

Tones of #557172

Color Blindness Simulator