#557454 hex color

In a RGB color space, hex #557454 is composed of 33.3% red, 45.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 0% magenta, 27.6% yellow and 54.5% black. It has a hue angle of 118.1 degrees, a saturation of 16% and a lightness of 39.2%. #557454 color hex could be obtained by blending #aae8a8 with #000000. Closest websafe color is: #666666.

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

● #557454 color description : Mostly desaturated dark lime green.

The hexadecimal color #557454 has RGB values of R:85, G:116, B:84 and CMYK values of C:0.27, M:0, Y:0.28, K:0.55. Its decimal value is 5600340.

Hex triplet	557454	`#557454`
RGB Decimal	85, 116, 84	`rgb(85,116,84)`
RGB Percent	33.3, 45.5, 32.9	`rgb(33.3%,45.5%,32.9%)`
CMYK	27, 0, 28, 55
HSL	118.1°, 16, 39.2	`hsl(118.1,16%,39.2%)`
HSV (or HSB)	118.1°, 27.6, 45.5
Web Safe	666666	`#666666`

CIE-LAB	45.719, -18.076, 14.166
XYZ	11.591, 15.062, 10.684
xyY	0.31, 0.403, 15.062
CIE-LCH	45.719, 22.965, 141.915
CIE-LUV	45.719, -15.358, 20.521
Hunter-Lab	38.81, -14.603, 10.845
Binary	01010101, 01110100, 01010100

#557454
```
#557454 rgb(85,116,84)
```
#735474
```
#735474 rgb(115,84,116)
```

Complementary Color

#657454
```
#657454 rgb(101,116,84)
```
#557454
```
#557454 rgb(85,116,84)
```
#547463
```
#547463 rgb(84,116,99)
```

Analogous Color

#745465
```
#745465 rgb(116,84,101)
```
#557454
```
#557454 rgb(85,116,84)
```
#635474
```
#635474 rgb(99,84,116)
```

Split Complementary Color

#745455
```
#745455 rgb(116,84,85)
```
#557454
```
#557454 rgb(85,116,84)
```
#545574
```
#545574 rgb(84,85,116)
```

Triadic Color

#747354
```
#747354 rgb(116,115,84)
```
#557454
```
#557454 rgb(85,116,84)
```
#545574
```
#545574 rgb(84,85,116)
```
#735474
```
#735474 rgb(115,84,116)
```

Tetradic Color

#344834
```
#344834 rgb(52,72,52)
```
#3f563f
```
#3f563f rgb(63,86,63)
```
#4a6549
```
#4a6549 rgb(74,101,73)
```
#557454
```
#557454 rgb(85,116,84)
```
#60835f
```
#60835f rgb(96,131,95)
```
#6b9269
```
#6b9269 rgb(107,146,105)
```
#799d78
```
#799d78 rgb(121,157,120)
```

Monochromatic Color

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

#5d7454
```
#5d7454 rgb(93,116,84)
```
#5a7454
```
#5a7454 rgb(90,116,84)
```
#587454
```
#587454 rgb(88,116,84)
```
#557454
```
#557454 rgb(85,116,84)
```
#547456
```
#547456 rgb(84,116,86)
```
#547458
```
#547458 rgb(84,116,88)
```
#54745b
```
#54745b rgb(84,116,91)
```

Similar Colors

Text with hexadecimal color #557454

This text has a font color of #557454.

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

#557454 background color

This paragraph has a background color of #557454.

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

#557454 border color

This element has a border color of #557454.

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

CSS codes

.text {color:#557454;}

.background {background-color:#557454;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0e0a
```
#0a0e0a rgb(10,14,10)
```
#121912
```
#121912 rgb(18,25,18)
```
#1b241a
```
#1b241a rgb(27,36,26)
```
#233023
```
#233023 rgb(35,48,35)
```
#2b3b2b
```
#2b3b2b rgb(43,59,43)
```
#344633
```
#344633 rgb(52,70,51)
```
#3c523b
```
#3c523b rgb(60,82,59)
```
#445d44
```
#445d44 rgb(68,93,68)
```
#4d694c
```
#4d694c rgb(77,105,76)
```
#557454
```
#557454 rgb(85,116,84)
```
#5d7f5c
```
#5d7f5c rgb(93,127,92)
```
#668b64
```
#668b64 rgb(102,139,100)
```

Shade Color Variation

#6f966d
```
#6f966d rgb(111,150,109)
```
#7a9e79
```
#7a9e79 rgb(122,158,121)
```
#85a684
```
#85a684 rgb(133,166,132)
```
#90ae8f
```
#90ae8f rgb(144,174,143)
```
#9cb69b
```
#9cb69b rgb(156,182,155)
```
#a7bfa6
```
#a7bfa6 rgb(167,191,166)
```
#b2c7b2
```
#b2c7b2 rgb(178,199,178)
```
#becfbd
```
#becfbd rgb(190,207,189)
```
#c9d7c8
```
#c9d7c8 rgb(201,215,200)
```
#d4e0d4
```
#d4e0d4 rgb(212,224,212)
```
#dfe8df
```
#dfe8df rgb(223,232,223)
```
#ebf0ea
```
#ebf0ea rgb(235,240,234)
```
#f6f8f6
```
#f6f8f6 rgb(246,248,246)
```

Tint Color Variation

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

#636563
```
#636563 rgb(99,101,99)
```
#5c6c5c
```
#5c6c5c rgb(92,108,92)
```
#557454
```
#557454 rgb(85,116,84)
```
#4e7c4c
```
#4e7c4c rgb(78,124,76)
```
#478345
```
#478345 rgb(71,131,69)
```
#3f8b3d
```
#3f8b3d rgb(63,139,61)
```
#389335
```
#389335 rgb(56,147,53)
```
#319a2e
```
#319a2e rgb(49,154,46)
```
#2aa226
```
#2aa226 rgb(42,162,38)
```
#23aa1e
```
#23aa1e rgb(35,170,30)
```
#1bb216
```
#1bb216 rgb(27,178,22)
```
#14b90f
```
#14b90f rgb(20,185,15)
```
#0dc107
```
#0dc107 rgb(13,193,7)
```

Tone Color Variation

Below, you can see how #557454 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
#636a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7359 Protanopia 1% of men
#856f60 Deuteranopia 1% of men
#65767f Tritanopia 0.001% of the population

Trichromacy

#6d7357 Protanomaly 1% of men, 0.01% of women
#73715c Deuteranomaly 6% of men, 0.4% of women
#5f756f Tritanomaly 0.01% of the population

#557454 hex color

#557454 Color Information

#557454 Color Conversion

Color Schemes with #557454

Alternatives to #557454

#557454 Preview

Shades and Tints of #557454

Tones of #557454

Color Blindness Simulator