#557100 hex color

In a RGB color space, hex #557100 is composed of 33.3% red, 44.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 0% magenta, 100% yellow and 55.7% black. It has a hue angle of 74.9 degrees, a saturation of 100% and a lightness of 22.2%. #557100 color hex could be obtained by blending #aae200 with #000000. Closest websafe color is: #666600.

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

● #557100 color description : Very dark yellow [Olive tone].

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

Hex triplet	557100	`#557100`
RGB Decimal	85, 113, 0	`rgb(85,113,0)`
RGB Percent	33.3, 44.3, 0	`rgb(33.3%,44.3%,0%)`
CMYK	25, 0, 100, 56
HSL	74.9°, 100, 22.2	`hsl(74.9,100%,22.2%)`
HSV (or HSB)	74.9°, 100, 44.3
Web Safe	666600	`#666600`

CIE-LAB	43.86, -24.749, 49.2
XYZ	9.651, 13.741, 2.144
xyY	0.378, 0.538, 13.741
CIE-LCH	43.86, 55.074, 116.704
CIE-LUV	43.86, -13.742, 50.31
Hunter-Lab	37.069, -18.397, 22.52
Binary	01010101, 01110001, 00000000

#557100
```
#557100 rgb(85,113,0)
```
#1c0071
```
#1c0071 rgb(28,0,113)
```

Complementary Color

#715500
```
#715500 rgb(113,85,0)
```
#557100
```
#557100 rgb(85,113,0)
```
#1d7100
```
#1d7100 rgb(29,113,0)
```

Analogous Color

#540071
```
#540071 rgb(84,0,113)
```
#557100
```
#557100 rgb(85,113,0)
```
#001d71
```
#001d71 rgb(0,29,113)
```

Split Complementary Color

#710055
```
#710055 rgb(113,0,85)
```
#557100
```
#557100 rgb(85,113,0)
```
#005571
```
#005571 rgb(0,85,113)
```

Triadic Color

#711c00
```
#711c00 rgb(113,28,0)
```
#557100
```
#557100 rgb(85,113,0)
```
#005571
```
#005571 rgb(0,85,113)
```
#1c0071
```
#1c0071 rgb(28,0,113)
```

Tetradic Color

#1b2500
```
#1b2500 rgb(27,37,0)
```
#2f3e00
```
#2f3e00 rgb(47,62,0)
```
#425800
```
#425800 rgb(66,88,0)
```
#557100
```
#557100 rgb(85,113,0)
```
#688b00
```
#688b00 rgb(104,139,0)
```
#7ba400
```
#7ba400 rgb(123,164,0)
```
#8fbe00
```
#8fbe00 rgb(143,190,0)
```

Monochromatic Color

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

#717100
```
#717100 rgb(113,113,0)
```
#687100
```
#687100 rgb(104,113,0)
```
#5e7100
```
#5e7100 rgb(94,113,0)
```
#557100
```
#557100 rgb(85,113,0)
```
#4c7100
```
#4c7100 rgb(76,113,0)
```
#427100
```
#427100 rgb(66,113,0)
```
#397100
```
#397100 rgb(57,113,0)
```

Similar Colors

Text with hexadecimal color #557100

This text has a font color of #557100.

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

#557100 background color

This paragraph has a background color of #557100.

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

#557100 border color

This element has a border color of #557100.

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

CSS codes

.text {color:#557100;}

.background {background-color:#557100;}

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

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, #0b0f00 is the darkest color, while #fefffa is the lightest one.

#0b0f00
```
#0b0f00 rgb(11,15,0)
```
#1a2300
```
#1a2300 rgb(26,35,0)
```
#293600
```
#293600 rgb(41,54,0)
```
#374a00
```
#374a00 rgb(55,74,0)
```
#465d00
```
#465d00 rgb(70,93,0)
```
#557100
```
#557100 rgb(85,113,0)
```
#648500
```
#648500 rgb(100,133,0)
```
#739800
```
#739800 rgb(115,152,0)
```
#81ac00
```
#81ac00 rgb(129,172,0)
```
#90bf00
```
#90bf00 rgb(144,191,0)
```
#9fd300
```
#9fd300 rgb(159,211,0)
```
#aee700
```
#aee700 rgb(174,231,0)
```
#bcfa00
```
#bcfa00 rgb(188,250,0)
```

Shade Color Variation

#c4ff0f
```
#c4ff0f rgb(196,255,15)
```
#c8ff23
```
#c8ff23 rgb(200,255,35)
```
#cdff36
```
#cdff36 rgb(205,255,54)
```
#d2ff4a
```
#d2ff4a rgb(210,255,74)
```
#d7ff5d
```
#d7ff5d rgb(215,255,93)
```
#dcff71
```
#dcff71 rgb(220,255,113)
```
#e1ff85
```
#e1ff85 rgb(225,255,133)
```
#e6ff98
```
#e6ff98 rgb(230,255,152)
```
#eaffac
```
#eaffac rgb(234,255,172)
```
#efffbf
```
#efffbf rgb(239,255,191)
```
#f4ffd3
```
#f4ffd3 rgb(244,255,211)
```
#f9ffe7
```
#f9ffe7 rgb(249,255,231)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#3b3d34
```
#3b3d34 rgb(59,61,52)
```
#3d4130
```
#3d4130 rgb(61,65,48)
```
#3f462b
```
#3f462b rgb(63,70,43)
```
#414a27
```
#414a27 rgb(65,74,39)
```
#434e23
```
#434e23 rgb(67,78,35)
```
#46531e
```
#46531e rgb(70,83,30)
```
#48571a
```
#48571a rgb(72,87,26)
```
#4a5b16
```
#4a5b16 rgb(74,91,22)
```
#4c6011
```
#4c6011 rgb(76,96,17)
```
#4e640d
```
#4e640d rgb(78,100,13)
```
#516809
```
#516809 rgb(81,104,9)
```
#536d04
```
#536d04 rgb(83,109,4)
```
#557100
```
#557100 rgb(85,113,0)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5b604a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d6f00 Protanopia 1% of men
#8b6a1a Deuteranopia 1% of men
#697078 Tritanopia 0.001% of the population

Trichromacy

#6e7000 Protanomaly 1% of men, 0.01% of women
#776c10 Deuteranomaly 6% of men, 0.4% of women
#61704c Tritanomaly 0.01% of the population

#557100 hex color

#557100 Color Information

#557100 Color Conversion

Color Schemes with #557100

Alternatives to #557100

#557100 Preview

Shades and Tints of #557100

Tones of #557100

Color Blindness Simulator