#336156 Color Information
In a RGB color space, hex #336156 is composed of 20% red, 38% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 0% magenta, 11.3% yellow and 62% black. It has a hue angle of 165.7 degrees, a saturation of 31.1% and a lightness of 29%. #336156 color hex could be obtained by blending #66c2ac with #000000. Closest websafe color is: #336666.
-
- R 20
- G 38
- B 34
-
- C 47
- M 0
- Y 11
- K 62
● #336156 color description : Very dark desaturated cyan.
#336156 Color Conversion
The hexadecimal color #336156 has RGB values of R:51, G:97, B:86 and CMYK values of C:0.47, M:0, Y:0.11, K:0.62. Its decimal value is 3367254.
Hex triplet | 336156 | #336156 |
---|---|---|
RGB Decimal | 51, 97, 86 | rgb(51,97,86) |
RGB Percent | 20, 38, 33.7 | rgb(20%,38%,33.7%) |
CMYK | 47, 0, 11, 62 | |
HSL | 165.7°, 31.1, 29 | hsl(165.7,31.1%,29%) |
HSV (or HSB) | 165.7°, 47.4, 38 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.707, -18.774, 1.37 |
---|---|
XYZ | 7.319, 9.925, 10.334 |
xyY | 0.265, 0.36, 9.925 |
CIE-LCH | 37.707, 18.824, 175.825 |
CIE-LUV | 37.707, -20.313, 4.332 |
Hunter-Lab | 31.503, -13.66, 2.604 |
Binary | 00110011, 01100001, 01010110 |
Color Schemes with #336156
Alternatives to #336156
Below, you can see some colors close to #336156. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336156 Preview
This text has a font color of #336156.
<span style="color:#336156;">Text here</span>
This paragraph has a background color of #336156.
<p style="background-color:#336156;">Content here</p>
This element has a border color of #336156.
<div style="border:1px solid #336156;">Content here</div>
.text {color:#336156;}
.background {background-color:#336156;}
.border {border:1px solid #336156;}
Shades and Tints of #336156
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, #040706 is the darkest color, while #f9fcfb is the lightest one.
-
#040706
#040706
rgb(4,7,6)
-
#0a1412
#0a1412
rgb(10,20,18)
-
#11211d
#11211d
rgb(17,33,29)
-
#182e28
#182e28
rgb(24,46,40)
-
#1f3a34
#1f3a34
rgb(31,58,52)
-
#25473f
#25473f
rgb(37,71,63)
-
#2c544b
#2c544b
rgb(44,84,75)
-
#336156
#336156
rgb(51,97,86)
-
#3a6e61
#3a6e61
rgb(58,110,97)
-
#417b6d
#417b6d
rgb(65,123,109)
-
#478878
#478878
rgb(71,136,120)
-
#4e9484
#4e9484
rgb(78,148,132)
-
#55a18f
#55a18f
rgb(85,161,143)
-
#5fab99
#5fab99
rgb(95,171,153)
-
#6cb2a1
#6cb2a1
rgb(108,178,161)
-
#79b8a9
#79b8a9
rgb(121,184,169)
-
#85bfb1
#85bfb1
rgb(133,191,177)
-
#92c6ba
#92c6ba
rgb(146,198,186)
-
#9fcdc2
#9fcdc2
rgb(159,205,194)
-
#acd3ca
#acd3ca
rgb(172,211,202)
-
#b9dad2
#b9dad2
rgb(185,218,210)
-
#c6e1da
#c6e1da
rgb(198,225,218)
-
#d3e8e3
#d3e8e3
rgb(211,232,227)
-
#dfeeeb
#dfeeeb
rgb(223,238,235)
-
#ecf5f3
#ecf5f3
rgb(236,245,243)
-
#f9fcfb
#f9fcfb
rgb(249,252,251)
Tones of #336156
A tone is produced by adding gray to any pure hue. In this case, #4a4a4a is the less saturated color, while #058f6e is the most saturated one.
-
#4a4a4a
#4a4a4a
rgb(74,74,74)
-
#44504d
#44504d
rgb(68,80,77)
-
#3e5650
#3e5650
rgb(62,86,80)
-
#395b53
#395b53
rgb(57,91,83)
-
#336156
#336156
rgb(51,97,86)
-
#2d6759
#2d6759
rgb(45,103,89)
-
#286c5c
#286c5c
rgb(40,108,92)
-
#22725f
#22725f
rgb(34,114,95)
-
#1c7862
#1c7862
rgb(28,120,98)
-
#177d65
#177d65
rgb(23,125,101)
-
#118368
#118368
rgb(17,131,104)
-
#0b896b
#0b896b
rgb(11,137,107)
-
#058f6e
#058f6e
rgb(5,143,110)
Color Blindness Simulator
Below, you can see how #336156 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.