#336a66 Color Information
In a RGB color space, hex #336a66 is composed of 20% red, 41.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 0% magenta, 3.8% yellow and 58.4% black. It has a hue angle of 175.6 degrees, a saturation of 35% and a lightness of 30.8%. #336a66 color hex could be obtained by blending #66d4cc with #000000. Closest websafe color is: #336666.
-
- R 20
- G 42
- B 40
-
- C 52
- M 0
- Y 4
- K 58
● #336a66 color description : Very dark desaturated cyan.
#336a66 Color Conversion
The hexadecimal color #336a66 has RGB values of R:51, G:106, B:102 and CMYK values of C:0.52, M:0, Y:0.04, K:0.58. Its decimal value is 3369574.
Hex triplet | 336a66 | #336a66 |
---|---|---|
RGB Decimal | 51, 106, 102 | rgb(51,106,102) |
RGB Percent | 20, 41.6, 40 | rgb(20%,41.6%,40%) |
CMYK | 52, 0, 4, 58 | |
HSL | 175.6°, 35, 30.8 | hsl(175.6,35%,30.8%) |
HSV (or HSB) | 175.6°, 51.9, 41.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.169, -19.227, -3.354 |
---|---|
XYZ | 8.917, 11.971, 14.41 |
xyY | 0.253, 0.339, 11.971 |
CIE-LCH | 41.169, 19.517, 189.896 |
CIE-LUV | 41.169, -23.499, -1.805 |
Hunter-Lab | 34.599, -14.544, -0.475 |
Binary | 00110011, 01101010, 01100110 |
Color Schemes with #336a66
Alternatives to #336a66
Below, you can see some colors close to #336a66. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336a66 Preview
This text has a font color of #336a66.
<span style="color:#336a66;">Text here</span>
This paragraph has a background color of #336a66.
<p style="background-color:#336a66;">Content here</p>
This element has a border color of #336a66.
<div style="border:1px solid #336a66;">Content here</div>
.text {color:#336a66;}
.background {background-color:#336a66;}
.border {border:1px solid #336a66;}
Shades and Tints of #336a66
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, #000000 is the darkest color, while #f2f9f8 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#060d0d
#060d0d
rgb(6,13,13)
-
#0d1b1a
#0d1b1a
rgb(13,27,26)
-
#132826
#132826
rgb(19,40,38)
-
#1a3533
#1a3533
rgb(26,53,51)
-
#204240
#204240
rgb(32,66,64)
-
#26504d
#26504d
rgb(38,80,77)
-
#2d5d59
#2d5d59
rgb(45,93,89)
-
#336a66
#336a66
rgb(51,106,102)
-
#397773
#397773
rgb(57,119,115)
-
#40847f
#40847f
rgb(64,132,127)
-
#46928c
#46928c
rgb(70,146,140)
-
#4c9f99
#4c9f99
rgb(76,159,153)
-
#53aca6
#53aca6
rgb(83,172,166)
-
#60b3ad
#60b3ad
rgb(96,179,173)
-
#6db9b3
#6db9b3
rgb(109,185,179)
-
#7bbfba
#7bbfba
rgb(123,191,186)
-
#88c6c1
#88c6c1
rgb(136,198,193)
-
#95ccc8
#95ccc8
rgb(149,204,200)
-
#a2d2cf
#a2d2cf
rgb(162,210,207)
-
#b0d9d6
#b0d9d6
rgb(176,217,214)
-
#bddfdd
#bddfdd
rgb(189,223,221)
-
#cae6e4
#cae6e4
rgb(202,230,228)
-
#d7ecea
#d7ecea
rgb(215,236,234)
-
#e5f2f1
#e5f2f1
rgb(229,242,241)
-
#f2f9f8
#f2f9f8
rgb(242,249,248)
Tones of #336a66
A tone is produced by adding gray to any pure hue. In this case, #4b5251 is the less saturated color, while #039a8f is the most saturated one.
-
#4b5251
#4b5251
rgb(75,82,81)
-
#455857
#455857
rgb(69,88,87)
-
#3f5e5c
#3f5e5c
rgb(63,94,92)
-
#396461
#396461
rgb(57,100,97)
-
#336a66
#336a66
rgb(51,106,102)
-
#2d706b
#2d706b
rgb(45,112,107)
-
#277670
#277670
rgb(39,118,112)
-
#217c75
#217c75
rgb(33,124,117)
-
#1b827b
#1b827b
rgb(27,130,123)
-
#158880
#158880
rgb(21,136,128)
-
#0f8e85
#0f8e85
rgb(15,142,133)
-
#09948a
#09948a
rgb(9,148,138)
-
#039a8f
#039a8f
rgb(3,154,143)
Color Blindness Simulator
Below, you can see how #336a66 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.