#336c66 Color Information
In a RGB color space, hex #336c66 is composed of 20% red, 42.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 0% magenta, 5.6% yellow and 57.6% black. It has a hue angle of 173.7 degrees, a saturation of 35.8% and a lightness of 31.2%. #336c66 color hex could be obtained by blending #66d8cc with #000000. Closest websafe color is: #336666.
-
- R 20
- G 42
- B 40
-
- C 53
- M 0
- Y 6
- K 58
● #336c66 color description : Very dark desaturated cyan.
#336c66 Color Conversion
The hexadecimal color #336c66 has RGB values of R:51, G:108, B:102 and CMYK values of C:0.53, M:0, Y:0.06, K:0.58. Its decimal value is 3370086.
Hex triplet | 336c66 | #336c66 |
---|---|---|
RGB Decimal | 51, 108, 102 | rgb(51,108,102) |
RGB Percent | 20, 42.4, 40 | rgb(20%,42.4%,40%) |
CMYK | 53, 0, 6, 58 | |
HSL | 173.7°, 35.8, 31.2 | hsl(173.7,35.8%,31.2%) |
HSV (or HSB) | 173.7°, 52.8, 42.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.826, -20.298, -2.386 |
---|---|
XYZ | 9.125, 12.388, 14.48 |
xyY | 0.254, 0.344, 12.388 |
CIE-LCH | 41.826, 20.438, 186.705 |
CIE-LUV | 41.826, -24.314, -0.349 |
Hunter-Lab | 35.196, -15.313, 0.245 |
Binary | 00110011, 01101100, 01100110 |
Color Schemes with #336c66
Alternatives to #336c66
Below, you can see some colors close to #336c66. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336c66 Preview
This text has a font color of #336c66.
<span style="color:#336c66;">Text here</span>
This paragraph has a background color of #336c66.
<p style="background-color:#336c66;">Content here</p>
This element has a border color of #336c66.
<div style="border:1px solid #336c66;">Content here</div>
.text {color:#336c66;}
.background {background-color:#336c66;}
.border {border:1px solid #336c66;}
Shades and Tints of #336c66
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, #010101 is the darkest color, while #f3f9f9 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#070f0e
#070f0e
rgb(7,15,14)
-
#0d1c1a
#0d1c1a
rgb(13,28,26)
-
#142927
#142927
rgb(20,41,39)
-
#1a3734
#1a3734
rgb(26,55,52)
-
#204440
#204440
rgb(32,68,64)
-
#26514d
#26514d
rgb(38,81,77)
-
#2d5f59
#2d5f59
rgb(45,95,89)
-
#336c66
#336c66
rgb(51,108,102)
-
#397973
#397973
rgb(57,121,115)
-
#40877f
#40877f
rgb(64,135,127)
-
#46948c
#46948c
rgb(70,148,140)
-
#4ca198
#4ca198
rgb(76,161,152)
-
#53aea4
#53aea4
rgb(83,174,164)
-
#61b4ab
#61b4ab
rgb(97,180,171)
-
#6ebab2
#6ebab2
rgb(110,186,178)
-
#7bc1b9
#7bc1b9
rgb(123,193,185)
-
#88c7c0
#88c7c0
rgb(136,199,192)
-
#96cdc7
#96cdc7
rgb(150,205,199)
-
#a3d4cf
#a3d4cf
rgb(163,212,207)
-
#b0dad6
#b0dad6
rgb(176,218,214)
-
#bee0dd
#bee0dd
rgb(190,224,221)
-
#cbe6e4
#cbe6e4
rgb(203,230,228)
-
#d8edeb
#d8edeb
rgb(216,237,235)
-
#e6f3f2
#e6f3f2
rgb(230,243,242)
-
#f3f9f9
#f3f9f9
rgb(243,249,249)
Tones of #336c66
A tone is produced by adding gray to any pure hue. In this case, #4b5453 is the less saturated color, while #029d8d is the most saturated one.
-
#4b5453
#4b5453
rgb(75,84,83)
-
#455a58
#455a58
rgb(69,90,88)
-
#3f605c
#3f605c
rgb(63,96,92)
-
#396661
#396661
rgb(57,102,97)
-
#336c66
#336c66
rgb(51,108,102)
-
#2d726b
#2d726b
rgb(45,114,107)
-
#277870
#277870
rgb(39,120,112)
-
#217e74
#217e74
rgb(33,126,116)
-
#1b8479
#1b8479
rgb(27,132,121)
-
#148b7e
#148b7e
rgb(20,139,126)
-
#0e9183
#0e9183
rgb(14,145,131)
-
#089788
#089788
rgb(8,151,136)
-
#029d8d
#029d8d
rgb(2,157,141)
Color Blindness Simulator
Below, you can see how #336c66 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.