#557163 hex color

In a RGB color space, hex #557163 is composed of 33.3% red, 44.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 0% magenta, 12.4% yellow and 55.7% black. It has a hue angle of 150 degrees, a saturation of 14.1% and a lightness of 38.8%. #557163 color hex could be obtained by blending #aae2c6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 44
- B 39
RGB color chart
- C 25
- M 0
- Y 12
- K 56
CMYK color chart

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

The hexadecimal color #557163 has RGB values of R:85, G:113, B:99 and CMYK values of C:0.25, M:0, Y:0.12, K:0.56. Its decimal value is 5599587.

Hex triplet	557163	`#557163`
RGB Decimal	85, 113, 99	`rgb(85,113,99)`
RGB Percent	33.3, 44.3, 38.8	`rgb(33.3%,44.3%,38.8%)`
CMYK	25, 0, 12, 56
HSL	150°, 14.1, 38.8	`hsl(150,14.1%,38.8%)`
HSV (or HSB)	150°, 24.8, 44.3
Web Safe	666666	`#666666`

CIE-LAB	45.14, -13.379, 4.462
XYZ	11.903, 14.642, 14.003
xyY	0.294, 0.361, 14.642
CIE-LCH	45.14, 14.104, 161.557
CIE-LUV	45.14, -13.956, 7.871
Hunter-Lab	38.265, -11.438, 5.089
Binary	01010101, 01110001, 01100011

#557163
```
#557163 rgb(85,113,99)
```
#715563
```
#715563 rgb(113,85,99)
```

Complementary Color

#557155
```
#557155 rgb(85,113,85)
```
#557163
```
#557163 rgb(85,113,99)
```
#557171
```
#557171 rgb(85,113,113)
```

Analogous Color

#715555
```
#715555 rgb(113,85,85)
```
#557163
```
#557163 rgb(85,113,99)
```
#715571
```
#715571 rgb(113,85,113)
```

Split Complementary Color

#716355
```
#716355 rgb(113,99,85)
```
#557163
```
#557163 rgb(85,113,99)
```
#635571
```
#635571 rgb(99,85,113)
```

Triadic Color

#637155
```
#637155 rgb(99,113,85)
```
#557163
```
#557163 rgb(85,113,99)
```
#635571
```
#635571 rgb(99,85,113)
```
#715563
```
#715563 rgb(113,85,99)
```

Tetradic Color

#34453d
```
#34453d rgb(52,69,61)
```
#3f544a
```
#3f544a rgb(63,84,74)
```
#4a6256
```
#4a6256 rgb(74,98,86)
```
#557163
```
#557163 rgb(85,113,99)
```
#608070
```
#608070 rgb(96,128,112)
```
#6b8e7d
```
#6b8e7d rgb(107,142,125)
```
#799a89
```
#799a89 rgb(121,154,137)
```

Monochromatic Color

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

#55715c
```
#55715c rgb(85,113,92)
```
#55715e
```
#55715e rgb(85,113,94)
```
#557161
```
#557161 rgb(85,113,97)
```
#557163
```
#557163 rgb(85,113,99)
```
#557165
```
#557165 rgb(85,113,101)
```
#557168
```
#557168 rgb(85,113,104)
```
#55716a
```
#55716a rgb(85,113,106)
```

Similar Colors

Text with hexadecimal color #557163

This text has a font color of #557163.

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

#557163 background color

This paragraph has a background color of #557163.

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

#557163 border color

This element has a border color of #557163.

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

CSS codes

.text {color:#557163;}

.background {background-color:#557163;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090c0b
```
#090c0b rgb(9,12,11)
```
#121715
```
#121715 rgb(18,23,21)
```
#1a231e
```
#1a231e rgb(26,35,30)
```
#222e28
```
#222e28 rgb(34,46,40)
```
#2b3932
```
#2b3932 rgb(43,57,50)
```
#33443c
```
#33443c rgb(51,68,60)
```
#3c4f46
```
#3c4f46 rgb(60,79,70)
```
#445b4f
```
#445b4f rgb(68,91,79)
```
#4d6659
```
#4d6659 rgb(77,102,89)
```
#557163
```
#557163 rgb(85,113,99)
```
#5d7c6d
```
#5d7c6d rgb(93,124,109)
```
#668777
```
#668777 rgb(102,135,119)
```

Shade Color Variation

#6f9280
```
#6f9280 rgb(111,146,128)
```
#7a9b8a
```
#7a9b8a rgb(122,155,138)
```
#85a394
```
#85a394 rgb(133,163,148)
```
#90ac9e
```
#90ac9e rgb(144,172,158)
```
#9bb4a8
```
#9bb4a8 rgb(155,180,168)
```
#a6bcb1
```
#a6bcb1 rgb(166,188,177)
```
#b2c5bb
```
#b2c5bb rgb(178,197,187)
```
#bdcdc5
```
#bdcdc5 rgb(189,205,197)
```
#c8d6cf
```
#c8d6cf rgb(200,214,207)
```
#d3ded9
```
#d3ded9 rgb(211,222,217)
```
#dee7e3
```
#dee7e3 rgb(222,231,227)
```
#eaefec
```
#eaefec rgb(234,239,236)
```
#f5f7f6
```
#f5f7f6 rgb(245,247,246)
```

Tint Color Variation

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

#5d6963
```
#5d6963 rgb(93,105,99)
```
#557163
```
#557163 rgb(85,113,99)
```
#4d7963
```
#4d7963 rgb(77,121,99)
```
#468063
```
#468063 rgb(70,128,99)
```
#3e8863
```
#3e8863 rgb(62,136,99)
```
#378f63
```
#378f63 rgb(55,143,99)
```
#2f9763
```
#2f9763 rgb(47,151,99)
```
#279f63
```
#279f63 rgb(39,159,99)
```
#20a663
```
#20a663 rgb(32,166,99)
```
#18ae63
```
#18ae63 rgb(24,174,99)
```
#10b663
```
#10b663 rgb(16,182,99)
```
#09bd63
```
#09bd63 rgb(9,189,99)
```
#01c563
```
#01c563 rgb(1,197,99)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#636966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767268 Protanopia 1% of men
#7e6e6e Deuteranopia 1% of men
#62757e Tritanopia 0.001% of the population

Trichromacy

#6a7166 Protanomaly 1% of men, 0.01% of women
#6f6f6a Deuteranomaly 6% of men, 0.4% of women
#5d7374 Tritanomaly 0.01% of the population

#557163 hex color

#557163 Color Information

#557163 Color Conversion

Color Schemes with #557163

Alternatives to #557163

#557163 Preview

Shades and Tints of #557163

Tones of #557163

Color Blindness Simulator