#336a60 Color Information
In a RGB color space, hex #336a60 is composed of 20% red, 41.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 0% magenta, 9.4% yellow and 58.4% black. It has a hue angle of 169.1 degrees, a saturation of 35% and a lightness of 30.8%. #336a60 color hex could be obtained by blending #66d4c0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 42
- B 38
-
- C 52
- M 0
- Y 9
- K 58
● #336a60 color description : Very dark desaturated cyan.
#336a60 Color Conversion
The hexadecimal color #336a60 has RGB values of R:51, G:106, B:96 and CMYK values of C:0.52, M:0, Y:0.09, K:0.58. Its decimal value is 3369568.
Hex triplet | 336a60 | #336a60 |
---|---|---|
RGB Decimal | 51, 106, 96 | rgb(51,106,96) |
RGB Percent | 20, 41.6, 37.6 | rgb(20%,41.6%,37.6%) |
CMYK | 52, 0, 9, 58 | |
HSL | 169.1°, 35, 30.8 | hsl(169.1,35%,30.8%) |
HSV (or HSB) | 169.1°, 51.9, 41.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.986, -20.9, 0.024 |
---|---|
XYZ | 8.63, 11.856, 12.899 |
xyY | 0.258, 0.355, 11.856 |
CIE-LCH | 40.986, 20.9, 179.933 |
CIE-LUV | 40.986, -23.727, 2.956 |
Hunter-Lab | 34.432, -15.518, 1.891 |
Binary | 00110011, 01101010, 01100000 |
Color Schemes with #336a60
Alternatives to #336a60
Below, you can see some colors close to #336a60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336a60 Preview
This text has a font color of #336a60.
<span style="color:#336a60;">Text here</span>
This paragraph has a background color of #336a60.
<p style="background-color:#336a60;">Content here</p>
This element has a border color of #336a60.
<div style="border:1px solid #336a60;">Content here</div>
.text {color:#336a60;}
.background {background-color:#336a60;}
.border {border:1px solid #336a60;}
Shades and Tints of #336a60
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 #f2f9f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#060d0c
#060d0c
rgb(6,13,12)
-
#0d1b18
#0d1b18
rgb(13,27,24)
-
#132824
#132824
rgb(19,40,36)
-
#1a3530
#1a3530
rgb(26,53,48)
-
#20423c
#20423c
rgb(32,66,60)
-
#265048
#265048
rgb(38,80,72)
-
#2d5d54
#2d5d54
rgb(45,93,84)
-
#336a60
#336a60
rgb(51,106,96)
-
#39776c
#39776c
rgb(57,119,108)
-
#408478
#408478
rgb(64,132,120)
-
#469284
#469284
rgb(70,146,132)
-
#4c9f90
#4c9f90
rgb(76,159,144)
-
#53ac9c
#53ac9c
rgb(83,172,156)
-
#60b3a4
#60b3a4
rgb(96,179,164)
-
#6db9ab
#6db9ab
rgb(109,185,171)
-
#7bbfb3
#7bbfb3
rgb(123,191,179)
-
#88c6ba
#88c6ba
rgb(136,198,186)
-
#95ccc2
#95ccc2
rgb(149,204,194)
-
#a2d2ca
#a2d2ca
rgb(162,210,202)
-
#b0d9d1
#b0d9d1
rgb(176,217,209)
-
#bddfd9
#bddfd9
rgb(189,223,217)
-
#cae6e1
#cae6e1
rgb(202,230,225)
-
#d7ece8
#d7ece8
rgb(215,236,232)
-
#e5f2f0
#e5f2f0
rgb(229,242,240)
-
#f2f9f7
#f2f9f7
rgb(242,249,247)
Tones of #336a60
A tone is produced by adding gray to any pure hue. In this case, #4b5251 is the less saturated color, while #039a7f is the most saturated one.
-
#4b5251
#4b5251
rgb(75,82,81)
-
#455854
#455854
rgb(69,88,84)
-
#3f5e58
#3f5e58
rgb(63,94,88)
-
#39645c
#39645c
rgb(57,100,92)
-
#336a60
#336a60
rgb(51,106,96)
-
#2d7064
#2d7064
rgb(45,112,100)
-
#277668
#277668
rgb(39,118,104)
-
#217c6c
#217c6c
rgb(33,124,108)
-
#1b826f
#1b826f
rgb(27,130,111)
-
#158873
#158873
rgb(21,136,115)
-
#0f8e77
#0f8e77
rgb(15,142,119)
-
#09947b
#09947b
rgb(9,148,123)
-
#039a7f
#039a7f
rgb(3,154,127)
Color Blindness Simulator
Below, you can see how #336a60 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.