colorhexa.com

#557b1b hex color

In a RGB color space, hex #557b1b is composed of 33.3% red, 48.2% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 30.9% cyan, 0% magenta, 78% yellow and 51.8% black. It has a hue angle of 83.8 degrees, a saturation of 64% and a lightness of 29.4%. #557b1b color hex could be obtained by blending #aaf636 with #000000. Closest websafe color is: #666633.

- R 33
- G 48
- B 11
RGB color chart
- C 31
- M 0
- Y 78
- K 52
CMYK color chart

● #557b1b color description : Dark green.

The hexadecimal color #557b1b has RGB values of R:85, G:123, B:27 and CMYK values of C:0.31, M:0, Y:0.78, K:0.52. Its decimal value is 5602075.

Hex triplet	557b1b	`#557b1b`
RGB Decimal	85, 123, 27	`rgb(85,123,27)`
RGB Percent	33.3, 48.2, 10.6	`rgb(33.3%,48.2%,10.6%)`
CMYK	31, 0, 78, 52
HSL	83.8°, 64, 29.4	`hsl(83.8,64%,29.4%)`
HSV (or HSB)	83.8°, 78, 48.2
Web Safe	666633	`#666633`

CIE-LAB	47.205, -28.573, 44.912
XYZ	11.027, 16.176, 3.578
xyY	0.358, 0.526, 16.176
CIE-LCH	47.205, 53.231, 122.465
CIE-LUV	47.205, -19.036, 50.493
Hunter-Lab	40.219, -21.445, 22.879
Binary	01010101, 01111011, 00011011

#557b1b
```
#557b1b rgb(85,123,27)
```
#411b7b
```
#411b7b rgb(65,27,123)
```

Complementary Color

#7b711b
```
#7b711b rgb(123,113,27)
```
#557b1b
```
#557b1b rgb(85,123,27)
```
#257b1b
```
#257b1b rgb(37,123,27)
```

Analogous Color

#711b7b
```
#711b7b rgb(113,27,123)
```
#557b1b
```
#557b1b rgb(85,123,27)
```
#1b257b
```
#1b257b rgb(27,37,123)
```

Split Complementary Color

#7b1b55
```
#7b1b55 rgb(123,27,85)
```
#557b1b
```
#557b1b rgb(85,123,27)
```
#1b557b
```
#1b557b rgb(27,85,123)
```

Triadic Color

#2a3c0d
```
#2a3c0d rgb(42,60,13)
```
#385112
```
#385112 rgb(56,81,18)
```
#476616
```
#476616 rgb(71,102,22)
```
#557b1b
```
#557b1b rgb(85,123,27)
```
#639020
```
#639020 rgb(99,144,32)
```
#72a524
```
#72a524 rgb(114,165,36)
```
#80ba29
```
#80ba29 rgb(128,186,41)
```

Monochromatic Color

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

#6d7b1b
```
#6d7b1b rgb(109,123,27)
```
#657b1b
```
#657b1b rgb(101,123,27)
```
#5d7b1b
```
#5d7b1b rgb(93,123,27)
```
#557b1b
```
#557b1b rgb(85,123,27)
```
#4d7b1b
```
#4d7b1b rgb(77,123,27)
```
#457b1b
```
#457b1b rgb(69,123,27)
```
#3d7b1b
```
#3d7b1b rgb(61,123,27)
```

Similar Colors

Text with hexadecimal color #557b1b

This text has a font color of #557b1b.

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

#557b1b background color

This paragraph has a background color of #557b1b.

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

#557b1b border color

This element has a border color of #557b1b.

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

CSS codes

.text {color:#557b1b;}

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

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

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, #070a02 is the darkest color, while #fcfef9 is the lightest one.

#070a02
```
#070a02 rgb(7,10,2)
```
#121a06
```
#121a06 rgb(18,26,6)
```
#1d2b09
```
#1d2b09 rgb(29,43,9)
```
#293b0d
```
#293b0d rgb(41,59,13)
```
#344b10
```
#344b10 rgb(52,75,16)
```
#3f5b14
```
#3f5b14 rgb(63,91,20)
```
#4a6b17
```
#4a6b17 rgb(74,107,23)
```
#557b1b
```
#557b1b rgb(85,123,27)
```
#608b1f
```
#608b1f rgb(96,139,31)
```
#6b9b22
```
#6b9b22 rgb(107,155,34)
```
#76ab26
```
#76ab26 rgb(118,171,38)
```
#81bb29
```
#81bb29 rgb(129,187,41)
```
#8dcb2d
```
#8dcb2d rgb(141,203,45)
```

Shade Color Variation

#96d338
```
#96d338 rgb(150,211,56)
```
#9fd748
```
#9fd748 rgb(159,215,72)
```
#a7da58
```
#a7da58 rgb(167,218,88)
```
#b0de69
```
#b0de69 rgb(176,222,105)
```
#b8e279
```
#b8e279 rgb(184,226,121)
```
#c1e589
```
#c1e589 rgb(193,229,137)
```
#c9e999
```
#c9e999 rgb(201,233,153)
```
#d2eca9
```
#d2eca9 rgb(210,236,169)
```
#daf0b9
```
#daf0b9 rgb(218,240,185)
```
#e3f3c9
```
#e3f3c9 rgb(227,243,201)
```
#ebf7d9
```
#ebf7d9 rgb(235,247,217)
```
#f4fae9
```
#f4fae9 rgb(244,250,233)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

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

#4b4d49
```
#4b4d49 rgb(75,77,73)
```
#4d5343
```
#4d5343 rgb(77,83,67)
```
#4e583e
```
#4e583e rgb(78,88,62)
```
#4f5e38
```
#4f5e38 rgb(79,94,56)
```
#506432
```
#506432 rgb(80,100,50)
```
#516a2c
```
#516a2c rgb(81,106,44)
```
#536f27
```
#536f27 rgb(83,111,39)
```
#547521
```
#547521 rgb(84,117,33)
```
#557b1b
```
#557b1b rgb(85,123,27)
```
#568115
```
#568115 rgb(86,129,21)
```
#57870f
```
#57870f rgb(87,135,15)
```
#598c0a
```
#598c0a rgb(89,140,10)
```
#5a9204
```
#5a9204 rgb(90,146,4)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#626956 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857724 Protanopia 1% of men
#93712e Deuteranopia 1% of men
#6a7982 Tritanopia 0.001% of the population

Trichromacy

#737820 Protanomaly 1% of men, 0.01% of women
#7c7527 Deuteranomaly 6% of men, 0.4% of women
#627a5c Tritanomaly 0.01% of the population