#557463 hex color

In a RGB color space, hex #557463 is composed of 33.3% red, 45.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 0% magenta, 14.7% yellow and 54.5% black. It has a hue angle of 147.1 degrees, a saturation of 15.4% and a lightness of 39.4%. #557463 color hex could be obtained by blending #aae8c6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 45
- B 39
RGB color chart
- C 27
- M 0
- Y 15
- K 55
CMYK color chart

● #557463 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #557463 has RGB values of R:85, G:116, B:99 and CMYK values of C:0.27, M:0, Y:0.15, K:0.55. Its decimal value is 5600355.

Hex triplet	557463	`#557463`
RGB Decimal	85, 116, 99	`rgb(85,116,99)`
RGB Percent	33.3, 45.5, 38.8	`rgb(33.3%,45.5%,38.8%)`
CMYK	27, 0, 15, 55
HSL	147.1°, 15.4, 39.4	`hsl(147.1,15.4%,39.4%)`
HSV (or HSB)	147.1°, 26.7, 45.5
Web Safe	666666	`#666666`

CIE-LAB	46.073, -15.039, 5.798
XYZ	12.243, 15.323, 14.116
xyY	0.294, 0.368, 15.323
CIE-LCH	46.073, 16.118, 158.915
CIE-LUV	46.073, -15.369, 9.885
Hunter-Lab	39.144, -12.672, 6.02
Binary	01010101, 01110100, 01100011

#557463
```
#557463 rgb(85,116,99)
```
#745566
```
#745566 rgb(116,85,102)
```

Complementary Color

#577455
```
#577455 rgb(87,116,85)
```
#557463
```
#557463 rgb(85,116,99)
```
#557473
```
#557473 rgb(85,116,115)
```

Analogous Color

#745557
```
#745557 rgb(116,85,87)
```
#557463
```
#557463 rgb(85,116,99)
```
#735574
```
#735574 rgb(115,85,116)
```

Split Complementary Color

#746355
```
#746355 rgb(116,99,85)
```
#557463
```
#557463 rgb(85,116,99)
```
#635574
```
#635574 rgb(99,85,116)
```

Triadic Color

#667455
```
#667455 rgb(102,116,85)
```
#557463
```
#557463 rgb(85,116,99)
```
#635574
```
#635574 rgb(99,85,116)
```
#745566
```
#745566 rgb(116,85,102)
```

Tetradic Color

#35483d
```
#35483d rgb(53,72,61)
```
#3f574a
```
#3f574a rgb(63,87,74)
```
#4a6556
```
#4a6556 rgb(74,101,86)
```
#557463
```
#557463 rgb(85,116,99)
```
#608370
```
#608370 rgb(96,131,112)
```
#6b917c
```
#6b917c rgb(107,145,124)
```
#799d89
```
#799d89 rgb(121,157,137)
```

Monochromatic Color

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

#55745b
```
#55745b rgb(85,116,91)
```
#55745e
```
#55745e rgb(85,116,94)
```
#557460
```
#557460 rgb(85,116,96)
```
#557463
```
#557463 rgb(85,116,99)
```
#557466
```
#557466 rgb(85,116,102)
```
#557468
```
#557468 rgb(85,116,104)
```
#55746b
```
#55746b rgb(85,116,107)
```

Similar Colors

Text with hexadecimal color #557463

This text has a font color of #557463.

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

#557463 background color

This paragraph has a background color of #557463.

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

#557463 border color

This element has a border color of #557463.

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

CSS codes

.text {color:#557463;}

.background {background-color:#557463;}

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

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0e0c
```
#0a0e0c rgb(10,14,12)
```
#131916
```
#131916 rgb(19,25,22)
```
#1b251f
```
#1b251f rgb(27,37,31)
```
#233029
```
#233029 rgb(35,48,41)
```
#2c3b33
```
#2c3b33 rgb(44,59,51)
```
#34473c
```
#34473c rgb(52,71,60)
```
#3c5246
```
#3c5246 rgb(60,82,70)
```
#445d50
```
#445d50 rgb(68,93,80)
```
#4d6959
```
#4d6959 rgb(77,105,89)
```
#557463
```
#557463 rgb(85,116,99)
```
#5d7f6d
```
#5d7f6d rgb(93,127,109)
```
#668b76
```
#668b76 rgb(102,139,118)
```

Shade Color Variation

#6f9580
```
#6f9580 rgb(111,149,128)
```
#7a9e8a
```
#7a9e8a rgb(122,158,138)
```
#85a694
```
#85a694 rgb(133,166,148)
```
#91ae9e
```
#91ae9e rgb(145,174,158)
```
#9cb6a8
```
#9cb6a8 rgb(156,182,168)
```
#a7bfb2
```
#a7bfb2 rgb(167,191,178)
```
#b3c7bc
```
#b3c7bc rgb(179,199,188)
```
#becfc6
```
#becfc6 rgb(190,207,198)
```
#c9d8d0
```
#c9d8d0 rgb(201,216,208)
```
#d5e0da
```
#d5e0da rgb(213,224,218)
```
#e0e8e4
```
#e0e8e4 rgb(224,232,228)
```
#ebf0ee
```
#ebf0ee rgb(235,240,238)
```
#f6f9f8
```
#f6f9f8 rgb(246,249,248)
```

Tint Color Variation

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

#646564
```
#646564 rgb(100,101,100)
```
#5d6c64
```
#5d6c64 rgb(93,108,100)
```
#557463
```
#557463 rgb(85,116,99)
```
#4d7c62
```
#4d7c62 rgb(77,124,98)
```
#468362
```
#468362 rgb(70,131,98)
```
#3e8b61
```
#3e8b61 rgb(62,139,97)
```
#369360
```
#369360 rgb(54,147,96)
```
#2e9b5f
```
#2e9b5f rgb(46,155,95)
```
#27a25f
```
#27a25f rgb(39,162,95)
```
#1faa5e
```
#1faa5e rgb(31,170,94)
```
#17b25d
```
#17b25d rgb(23,178,93)
```
#0fba5c
```
#0fba5c rgb(15,186,92)
```
#08c15c
```
#08c15c rgb(8,193,92)
```

Tone Color Variation

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

Dichromacy

#797467 Protanopia 1% of men
#81706e Deuteranopia 1% of men
#627880 Tritanopia 0.001% of the population

Trichromacy

#6c7466 Protanomaly 1% of men, 0.01% of women
#71726a Deuteranomaly 6% of men, 0.4% of women
#5d7675 Tritanomaly 0.01% of the population

#557463 hex color

#557463 Color Information

#557463 Color Conversion

Color Schemes with #557463

Alternatives to #557463

#557463 Preview

Shades and Tints of #557463

Tones of #557463

Color Blindness Simulator