#336a67 Color Information
In a RGB color space, hex #336a67 is composed of 20% red, 41.6% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 0% magenta, 2.8% yellow and 58.4% black. It has a hue angle of 176.7 degrees, a saturation of 35% and a lightness of 30.8%. #336a67 color hex could be obtained by blending #66d4ce with #000000. Closest websafe color is: #336666.
-
- R 20
- G 42
- B 40
-
- C 52
- M 0
- Y 3
- K 58
● #336a67 color description : Very dark desaturated cyan.
#336a67 Color Conversion
The hexadecimal color #336a67 has RGB values of R:51, G:106, B:103 and CMYK values of C:0.52, M:0, Y:0.03, K:0.58. Its decimal value is 3369575.
Hex triplet | 336a67 | #336a67 |
---|---|---|
RGB Decimal | 51, 106, 103 | rgb(51,106,103) |
RGB Percent | 20, 41.6, 40.4 | rgb(20%,41.6%,40.4%) |
CMYK | 52, 0, 3, 58 | |
HSL | 176.7°, 35, 30.8 | hsl(176.7,35%,30.8%) |
HSV (or HSB) | 176.7°, 51.9, 41.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.201, -18.941, -3.915 |
---|---|
XYZ | 8.967, 11.991, 14.673 |
xyY | 0.252, 0.337, 11.991 |
CIE-LCH | 41.201, 19.341, 191.679 |
CIE-LUV | 41.201, -23.461, -2.61 |
Hunter-Lab | 34.627, -14.375, -0.885 |
Binary | 00110011, 01101010, 01100111 |
Color Schemes with #336a67
Alternatives to #336a67
Below, you can see some colors close to #336a67. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336a67 Preview
This text has a font color of #336a67.
<span style="color:#336a67;">Text here</span>
This paragraph has a background color of #336a67.
<p style="background-color:#336a67;">Content here</p>
This element has a border color of #336a67.
<div style="border:1px solid #336a67;">Content here</div>
.text {color:#336a67;}
.background {background-color:#336a67;}
.border {border:1px solid #336a67;}
Shades and Tints of #336a67
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)
-
#132827
#132827
rgb(19,40,39)
-
#1a3534
#1a3534
rgb(26,53,52)
-
#204240
#204240
rgb(32,66,64)
-
#26504d
#26504d
rgb(38,80,77)
-
#2d5d5a
#2d5d5a
rgb(45,93,90)
-
#336a67
#336a67
rgb(51,106,103)
-
#397774
#397774
rgb(57,119,116)
-
#408481
#408481
rgb(64,132,129)
-
#46928e
#46928e
rgb(70,146,142)
-
#4c9f9a
#4c9f9a
rgb(76,159,154)
-
#53aca7
#53aca7
rgb(83,172,167)
-
#60b3ae
#60b3ae
rgb(96,179,174)
-
#6db9b5
#6db9b5
rgb(109,185,181)
-
#7bbfbc
#7bbfbc
rgb(123,191,188)
-
#88c6c2
#88c6c2
rgb(136,198,194)
-
#95ccc9
#95ccc9
rgb(149,204,201)
-
#a2d2d0
#a2d2d0
rgb(162,210,208)
-
#b0d9d7
#b0d9d7
rgb(176,217,215)
-
#bddfdd
#bddfdd
rgb(189,223,221)
-
#cae6e4
#cae6e4
rgb(202,230,228)
-
#d7eceb
#d7eceb
rgb(215,236,235)
-
#e5f2f2
#e5f2f2
rgb(229,242,242)
-
#f2f9f8
#f2f9f8
rgb(242,249,248)
Tones of #336a67
A tone is produced by adding gray to any pure hue. In this case, #4b5251 is the less saturated color, while #039a92 is the most saturated one.
-
#4b5251
#4b5251
rgb(75,82,81)
-
#455857
#455857
rgb(69,88,87)
-
#3f5e5c
#3f5e5c
rgb(63,94,92)
-
#396462
#396462
rgb(57,100,98)
-
#336a67
#336a67
rgb(51,106,103)
-
#2d706c
#2d706c
rgb(45,112,108)
-
#277672
#277672
rgb(39,118,114)
-
#217c77
#217c77
rgb(33,124,119)
-
#1b827d
#1b827d
rgb(27,130,125)
-
#158882
#158882
rgb(21,136,130)
-
#0f8e87
#0f8e87
rgb(15,142,135)
-
#09948d
#09948d
rgb(9,148,141)
-
#039a92
#039a92
rgb(3,154,146)
Color Blindness Simulator
Below, you can see how #336a67 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.