#556633 Color Information
In a RGB color space, hex #556633 is composed of 33.3% red, 40% green and 20% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 50% yellow and 60% black. It has a hue angle of 80 degrees, a saturation of 33.3% and a lightness of 30%. #556633 color hex could be obtained by blending #aacc66 with #000000. Closest websafe color is: #666633.
-
- R 33
- G 40
- B 20
-
- C 17
- M 0
- Y 50
- K 60
● #556633 color description : Very dark desaturated green.
#556633 Color Conversion
The hexadecimal color #556633 has RGB values of R:85, G:102, B:51 and CMYK values of C:0.17, M:0, Y:0.5, K:0.6. Its decimal value is 5596723.
Hex triplet | 556633 | #556633 |
---|---|---|
RGB Decimal | 85, 102, 51 | rgb(85,102,51) |
RGB Percent | 33.3, 40, 20 | rgb(33.3%,40%,20%) |
CMYK | 17, 0, 50, 60 | |
HSL | 80°, 33.3, 30 | hsl(80,33.3%,30%) |
HSV (or HSB) | 80°, 50, 40 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 40.692, -15.664, 26.577 |
---|---|
XYZ | 9.095, 11.673, 4.906 |
xyY | 0.354, 0.455, 11.673 |
CIE-LCH | 40.692, 30.85, 120.514 |
CIE-LUV | 40.692, -7.903, 31.652 |
Hunter-Lab | 34.166, -12.273, 15.403 |
Binary | 01010101, 01100110, 00110011 |
Color Schemes with #556633
Alternatives to #556633
Below, you can see some colors close to #556633. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556633 Preview
This text has a font color of #556633.
<span style="color:#556633;">Text here</span>
This paragraph has a background color of #556633.
<p style="background-color:#556633;">Content here</p>
This element has a border color of #556633.
<div style="border:1px solid #556633;">Content here</div>
.text {color:#556633;}
.background {background-color:#556633;}
.border {border:1px solid #556633;}
Shades and Tints of #556633
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, #090a05 is the darkest color, while #fdfefc is the lightest one.
-
#090a05
#090a05
rgb(9,10,5)
-
#14180c
#14180c
rgb(20,24,12)
-
#1f2512
#1f2512
rgb(31,37,18)
-
#293219
#293219
rgb(41,50,25)
-
#343f1f
#343f1f
rgb(52,63,31)
-
#3f4c26
#3f4c26
rgb(63,76,38)
-
#4a592c
#4a592c
rgb(74,89,44)
-
#556633
#556633
rgb(85,102,51)
-
#60733a
#60733a
rgb(96,115,58)
-
#6b8040
#6b8040
rgb(107,128,64)
-
#768d47
#768d47
rgb(118,141,71)
-
#819a4d
#819a4d
rgb(129,154,77)
-
#8ba754
#8ba754
rgb(139,167,84)
-
#95af5f
#95af5f
rgb(149,175,95)
-
#9db66d
#9db66d
rgb(157,182,109)
-
#a6bc7a
#a6bc7a
rgb(166,188,122)
-
#afc387
#afc387
rgb(175,195,135)
-
#b8c994
#b8c994
rgb(184,201,148)
-
#c0d0a1
#c0d0a1
rgb(192,208,161)
-
#c9d6ae
#c9d6ae
rgb(201,214,174)
-
#d2ddbb
#d2ddbb
rgb(210,221,187)
-
#dae4c8
#dae4c8
rgb(218,228,200)
-
#e3ead5
#e3ead5
rgb(227,234,213)
-
#ecf1e2
#ecf1e2
rgb(236,241,226)
-
#f5f7ef
#f5f7ef
rgb(245,247,239)
-
#fdfefc
#fdfefc
rgb(253,254,252)
Tones of #556633
A tone is produced by adding gray to any pure hue. In this case, #4d4e4b is the less saturated color, while #659504 is the most saturated one.
-
#4d4e4b
#4d4e4b
rgb(77,78,75)
-
#4f5445
#4f5445
rgb(79,84,69)
-
#515a3f
#515a3f
rgb(81,90,63)
-
#536039
#536039
rgb(83,96,57)
-
#556633
#556633
rgb(85,102,51)
-
#576c2d
#576c2d
rgb(87,108,45)
-
#597227
#597227
rgb(89,114,39)
-
#5b7821
#5b7821
rgb(91,120,33)
-
#5d7e1b
#5d7e1b
rgb(93,126,27)
-
#5f8316
#5f8316
rgb(95,131,22)
-
#618910
#618910
rgb(97,137,16)
-
#638f0a
#638f0a
rgb(99,143,10)
-
#659504
#659504
rgb(101,149,4)
Color Blindness Simulator
Below, you can see how #556633 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.