#336f70 Color Information
In a RGB color space, hex #336f70 is composed of 20% red, 43.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 0.9% magenta, 0% yellow and 56.1% black. It has a hue angle of 181 degrees, a saturation of 37.4% and a lightness of 32%. #336f70 color hex could be obtained by blending #66dee0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 44
- B 44
-
- C 54
- M 1
- Y 0
- K 56
● #336f70 color description : Very dark desaturated cyan.
#336f70 Color Conversion
The hexadecimal color #336f70 has RGB values of R:51, G:111, B:112 and CMYK values of C:0.54, M:0.01, Y:0, K:0.56. Its decimal value is 3370864.
Hex triplet | 336f70 | #336f70 |
---|---|---|
RGB Decimal | 51, 111, 112 | rgb(51,111,112) |
RGB Percent | 20, 43.5, 43.9 | rgb(20%,43.5%,43.9%) |
CMYK | 54, 1, 0, 56 | |
HSL | 181°, 37.4, 32 | hsl(181,37.4%,32%) |
HSV (or HSB) | 181°, 54.5, 43.9 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 43.125, -19.017, -6.506 |
---|---|
XYZ | 9.973, 13.242, 17.359 |
xyY | 0.246, 0.326, 13.242 |
CIE-LCH | 43.125, 20.099, 198.887 |
CIE-LUV | 43.125, -25.116, -6.254 |
Hunter-Lab | 36.389, -14.759, -2.81 |
Binary | 00110011, 01101111, 01110000 |
Color Schemes with #336f70
Alternatives to #336f70
Below, you can see some colors close to #336f70. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336f70 Preview
This text has a font color of #336f70.
<span style="color:#336f70;">Text here</span>
This paragraph has a background color of #336f70.
<p style="background-color:#336f70;">Content here</p>
This element has a border color of #336f70.
<div style="border:1px solid #336f70;">Content here</div>
.text {color:#336f70;}
.background {background-color:#336f70;}
.border {border:1px solid #336f70;}
Shades and Tints of #336f70
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, #020404 is the darkest color, while #f6fbfb is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#081112
#081112
rgb(8,17,18)
-
#0e1f1f
#0e1f1f
rgb(14,31,31)
-
#142c2d
#142c2d
rgb(20,44,45)
-
#1a3a3a
#1a3a3a
rgb(26,58,58)
-
#214748
#214748
rgb(33,71,72)
-
#275455
#275455
rgb(39,84,85)
-
#2d6263
#2d6263
rgb(45,98,99)
-
#336f70
#336f70
rgb(51,111,112)
-
#397c7d
#397c7d
rgb(57,124,125)
-
#3f8a8b
#3f8a8b
rgb(63,138,139)
-
#459798
#459798
rgb(69,151,152)
-
#4ca4a6
#4ca4a6
rgb(76,164,166)
-
#54b0b1
#54b0b1
rgb(84,176,177)
-
#61b6b7
#61b6b7
rgb(97,182,183)
-
#6fbcbd
#6fbcbd
rgb(111,188,189)
-
#7cc2c4
#7cc2c4
rgb(124,194,196)
-
#8ac9ca
#8ac9ca
rgb(138,201,202)
-
#97cfd0
#97cfd0
rgb(151,207,208)
-
#a5d5d6
#a5d5d6
rgb(165,213,214)
-
#b2dbdc
#b2dbdc
rgb(178,219,220)
-
#c0e2e2
#c0e2e2
rgb(192,226,226)
-
#cde8e8
#cde8e8
rgb(205,232,232)
-
#dbeeee
#dbeeee
rgb(219,238,238)
-
#e8f4f5
#e8f4f5
rgb(232,244,245)
-
#f6fbfb
#f6fbfb
rgb(246,251,251)
Tones of #336f70
A tone is produced by adding gray to any pure hue. In this case, #4c5757 is the less saturated color, while #01a0a2 is the most saturated one.
-
#4c5757
#4c5757
rgb(76,87,87)
-
#465d5d
#465d5d
rgb(70,93,93)
-
#406363
#406363
rgb(64,99,99)
-
#39696a
#39696a
rgb(57,105,106)
-
#336f70
#336f70
rgb(51,111,112)
-
#2d7576
#2d7576
rgb(45,117,118)
-
#267b7d
#267b7d
rgb(38,123,125)
-
#208183
#208183
rgb(32,129,131)
-
#1a8789
#1a8789
rgb(26,135,137)
-
#148d8f
#148d8f
rgb(20,141,143)
-
#0d9396
#0d9396
rgb(13,147,150)
-
#07999c
#07999c
rgb(7,153,156)
-
#01a0a2
#01a0a2
rgb(1,160,162)
Color Blindness Simulator
Below, you can see how #336f70 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.