#557b12 hex color

In a RGB color space, hex #557b12 is composed of 33.3% red, 48.2% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 85.4% yellow and 51.8% black. It has a hue angle of 81.7 degrees, a saturation of 74.5% and a lightness of 27.6%. #557b12 color hex could be obtained by blending #aaf624 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 33
- G 48
- B 7
RGB color chart
- C 31
- M 0
- Y 85
- K 52
CMYK color chart

● #557b12 color description : Dark green.

The hexadecimal color #557b12 has RGB values of R:85, G:123, B:18 and CMYK values of C:0.31, M:0, Y:0.85, K:0.52. Its decimal value is 5602066.

Hex triplet	557b12	`#557b12`
RGB Decimal	85, 123, 18	`rgb(85,123,18)`
RGB Percent	33.3, 48.2, 7.1	`rgb(33.3%,48.2%,7.1%)`
CMYK	31, 0, 85, 52
HSL	81.7°, 74.5, 27.6	`hsl(81.7,74.5%,27.6%)`
HSV (or HSB)	81.7°, 85.4, 48.2
Web Safe	666600	`#666600`

CIE-LAB	47.158, -29.029, 47.749
XYZ	10.938, 16.141, 3.111
xyY	0.362, 0.535, 16.141
CIE-LCH	47.158, 55.88, 121.298
CIE-LUV	47.158, -19.058, 52.297
Hunter-Lab	40.175, -21.708, 23.531
Binary	01010101, 01111011, 00010010

#557b12
```
#557b12 rgb(85,123,18)
```
#38127b
```
#38127b rgb(56,18,123)
```

Complementary Color

#7b6d12
```
#7b6d12 rgb(123,109,18)
```
#557b12
```
#557b12 rgb(85,123,18)
```
#217b12
```
#217b12 rgb(33,123,18)
```

Analogous Color

#6d127b
```
#6d127b rgb(109,18,123)
```
#557b12
```
#557b12 rgb(85,123,18)
```
#12207b
```
#12207b rgb(18,32,123)
```

Split Complementary Color

#7b1255
```
#7b1255 rgb(123,18,85)
```
#557b12
```
#557b12 rgb(85,123,18)
```
#12557b
```
#12557b rgb(18,85,123)
```

Triadic Color

#7b3812
```
#7b3812 rgb(123,56,18)
```
#557b12
```
#557b12 rgb(85,123,18)
```
#12557b
```
#12557b rgb(18,85,123)
```
#38127b
```
#38127b rgb(56,18,123)
```

Tetradic Color

#273808
```
#273808 rgb(39,56,8)
```
#364f0b
```
#364f0b rgb(54,79,11)
```
#46650f
```
#46650f rgb(70,101,15)
```
#557b12
```
#557b12 rgb(85,123,18)
```
#649115
```
#649115 rgb(100,145,21)
```
#74a719
```
#74a719 rgb(116,167,25)
```
#83be1c
```
#83be1c rgb(131,190,28)
```

Monochromatic Color

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

#6f7b12
```
#6f7b12 rgb(111,123,18)
```
#677b12
```
#677b12 rgb(103,123,18)
```
#5e7b12
```
#5e7b12 rgb(94,123,18)
```
#557b12
```
#557b12 rgb(85,123,18)
```
#4c7b12
```
#4c7b12 rgb(76,123,18)
```
#447b12
```
#447b12 rgb(68,123,18)
```
#3b7b12
```
#3b7b12 rgb(59,123,18)
```

Similar Colors

Text with hexadecimal color #557b12

This text has a font color of #557b12.

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

#557b12 background color

This paragraph has a background color of #557b12.

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

#557b12 border color

This element has a border color of #557b12.

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

CSS codes

.text {color:#557b12;}

.background {background-color:#557b12;}

.border {border:1px solid #557b12;}

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

#020300
```
#020300 rgb(2,3,0)
```
#0e1403
```
#0e1403 rgb(14,20,3)
```
#1a2505
```
#1a2505 rgb(26,37,5)
```
#263708
```
#263708 rgb(38,55,8)
```
#32480a
```
#32480a rgb(50,72,10)
```
#3d590d
```
#3d590d rgb(61,89,13)
```
#496a0f
```
#496a0f rgb(73,106,15)
```
#557b12
```
#557b12 rgb(85,123,18)
```
#618c15
```
#618c15 rgb(97,140,21)
```
#6d9d17
```
#6d9d17 rgb(109,157,23)
```
#78ae1a
```
#78ae1a rgb(120,174,26)
```
#84bf1c
```
#84bf1c rgb(132,191,28)
```
#90d11f
```
#90d11f rgb(144,209,31)
```

Shade Color Variation

#9bdf24
```
#9bdf24 rgb(155,223,36)
```
#a3e135
```
#a3e135 rgb(163,225,53)
```
#abe446
```
#abe446 rgb(171,228,70)
```
#b3e657
```
#b3e657 rgb(179,230,87)
```
#bae968
```
#bae968 rgb(186,233,104)
```
#c2eb79
```
#c2eb79 rgb(194,235,121)
```
#caee8a
```
#caee8a rgb(202,238,138)
```
#d2f09c
```
#d2f09c rgb(210,240,156)
```
#daf3ad
```
#daf3ad rgb(218,243,173)
```
#e1f5be
```
#e1f5be rgb(225,245,190)
```
#e9f8cf
```
#e9f8cf rgb(233,248,207)
```
#f1fae0
```
#f1fae0 rgb(241,250,224)
```
#f9fdf1
```
#f9fdf1 rgb(249,253,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484a43 is the less saturated color, while #598b02 is the most saturated one.

#484a43
```
#484a43 rgb(72,74,67)
```
#49503d
```
#49503d rgb(73,80,61)
```
#4b5538
```
#4b5538 rgb(75,85,56)
```
#4c5a33
```
#4c5a33 rgb(76,90,51)
```
#4e602d
```
#4e602d rgb(78,96,45)
```
#4f6528
```
#4f6528 rgb(79,101,40)
```
#516b22
```
#516b22 rgb(81,107,34)
```
#52701d
```
#52701d rgb(82,112,29)
```
#547617
```
#547617 rgb(84,118,23)
```
#557b12
```
#557b12 rgb(85,123,18)
```
#56800d
```
#56800d rgb(86,128,13)
```
#588607
```
#588607 rgb(88,134,7)
```
#598b02
```
#598b02 rgb(89,139,2)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#616954 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85771b Protanopia 1% of men
#947128 Deuteranopia 1% of men
#6b7982 Tritanopia 0.001% of the population

Trichromacy

#737818 Protanomaly 1% of men, 0.01% of women
#7d7520 Deuteranomaly 6% of men, 0.4% of women
#637959 Tritanomaly 0.01% of the population

#557b12 hex color

#557b12 Color Information

#557b12 Color Conversion

Color Schemes with #557b12

Alternatives to #557b12

#557b12 Preview

Shades and Tints of #557b12

Tones of #557b12

Color Blindness Simulator