#336f56 Color Information
In a RGB color space, hex #336f56 is composed of 20% red, 43.5% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 0% magenta, 22.5% yellow and 56.5% black. It has a hue angle of 155 degrees, a saturation of 37% and a lightness of 31.8%. #336f56 color hex could be obtained by blending #66deac with #000000. Closest websafe color is: #336666.
-
- R 20
- G 44
- B 34
-
- C 54
- M 0
- Y 23
- K 56
● #336f56 color description : Very dark desaturated cyan - lime green.
#336f56 Color Conversion
The hexadecimal color #336f56 has RGB values of R:51, G:111, B:86 and CMYK values of C:0.54, M:0, Y:0.23, K:0.56. Its decimal value is 3370838.
Hex triplet | 336f56 | #336f56 |
---|---|---|
RGB Decimal | 51, 111, 86 | rgb(51,111,86) |
RGB Percent | 20, 43.5, 33.7 | rgb(20%,43.5%,33.7%) |
CMYK | 54, 0, 23, 56 | |
HSL | 155°, 37, 31.8 | hsl(155,37%,31.8%) |
HSV (or HSB) | 155°, 54.1, 43.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 42.375, -26.032, 8.056 |
---|---|
XYZ | 8.729, 12.744, 10.803 |
xyY | 0.27, 0.395, 12.744 |
CIE-LCH | 42.375, 27.25, 162.804 |
CIE-LUV | 42.375, -26.187, 13.996 |
Hunter-Lab | 35.699, -18.827, 7.046 |
Binary | 00110011, 01101111, 01010110 |
Color Schemes with #336f56
Alternatives to #336f56
Below, you can see some colors close to #336f56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336f56 Preview
This text has a font color of #336f56.
<span style="color:#336f56;">Text here</span>
This paragraph has a background color of #336f56.
<p style="background-color:#336f56;">Content here</p>
This element has a border color of #336f56.
<div style="border:1px solid #336f56;">Content here</div>
.text {color:#336f56;}
.background {background-color:#336f56;}
.border {border:1px solid #336f56;}
Shades and Tints of #336f56
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, #020303 is the darkest color, while #f5faf8 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#08110d
#08110d
rgb(8,17,13)
-
#0e1e18
#0e1e18
rgb(14,30,24)
-
#142c22
#142c22
rgb(20,44,34)
-
#1a392c
#1a392c
rgb(26,57,44)
-
#204737
#204737
rgb(32,71,55)
-
#275441
#275441
rgb(39,84,65)
-
#2d624c
#2d624c
rgb(45,98,76)
-
#336f56
#336f56
rgb(51,111,86)
-
#397c60
#397c60
rgb(57,124,96)
-
#3f8a6b
#3f8a6b
rgb(63,138,107)
-
#469775
#469775
rgb(70,151,117)
-
#4ca580
#4ca580
rgb(76,165,128)
-
#54b08a
#54b08a
rgb(84,176,138)
-
#61b693
#61b693
rgb(97,182,147)
-
#6fbd9c
#6fbd9c
rgb(111,189,156)
-
#7cc3a5
#7cc3a5
rgb(124,195,165)
-
#8ac9af
#8ac9af
rgb(138,201,175)
-
#97cfb8
#97cfb8
rgb(151,207,184)
-
#a4d5c1
#a4d5c1
rgb(164,213,193)
-
#b2dcca
#b2dcca
rgb(178,220,202)
-
#bfe2d3
#bfe2d3
rgb(191,226,211)
-
#cde8dd
#cde8dd
rgb(205,232,221)
-
#daeee6
#daeee6
rgb(218,238,230)
-
#e8f4ef
#e8f4ef
rgb(232,244,239)
-
#f5faf8
#f5faf8
rgb(245,250,248)
Tones of #336f56
A tone is produced by adding gray to any pure hue. In this case, #4c5652 is the less saturated color, while #01a15e is the most saturated one.
-
#4c5652
#4c5652
rgb(76,86,82)
-
#465c53
#465c53
rgb(70,92,83)
-
#3f6354
#3f6354
rgb(63,99,84)
-
#396955
#396955
rgb(57,105,85)
-
#336f56
#336f56
rgb(51,111,86)
-
#2d7557
#2d7557
rgb(45,117,87)
-
#277b58
#277b58
rgb(39,123,88)
-
#208259
#208259
rgb(32,130,89)
-
#1a885a
#1a885a
rgb(26,136,90)
-
#148e5b
#148e5b
rgb(20,142,91)
-
#0e945c
#0e945c
rgb(14,148,92)
-
#079b5d
#079b5d
rgb(7,155,93)
-
#01a15e
#01a15e
rgb(1,161,94)
Color Blindness Simulator
Below, you can see how #336f56 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.