#336a5e Color Information
In a RGB color space, hex #336a5e is composed of 20% red, 41.6% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 0% magenta, 11.3% yellow and 58.4% black. It has a hue angle of 166.9 degrees, a saturation of 35% and a lightness of 30.8%. #336a5e color hex could be obtained by blending #66d4bc with #000000. Closest websafe color is: #336666.
-
- R 20
- G 42
- B 37
-
- C 52
- M 0
- Y 11
- K 58
● #336a5e color description : Very dark desaturated cyan.
#336a5e Color Conversion
The hexadecimal color #336a5e has RGB values of R:51, G:106, B:94 and CMYK values of C:0.52, M:0, Y:0.11, K:0.58. Its decimal value is 3369566.
Hex triplet | 336a5e | #336a5e |
---|---|---|
RGB Decimal | 51, 106, 94 | rgb(51,106,94) |
RGB Percent | 20, 41.6, 36.9 | rgb(20%,41.6%,36.9%) |
CMYK | 52, 0, 11, 58 | |
HSL | 166.9°, 35, 30.8 | hsl(166.9,35%,30.8%) |
HSV (or HSB) | 166.9°, 51.9, 41.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.928, -21.441, 1.155 |
---|---|
XYZ | 8.539, 11.819, 12.42 |
xyY | 0.261, 0.361, 11.819 |
CIE-LCH | 40.928, 21.472, 176.917 |
CIE-LUV | 40.928, -23.803, 4.514 |
Hunter-Lab | 34.379, -15.829, 2.646 |
Binary | 00110011, 01101010, 01011110 |
Color Schemes with #336a5e
Alternatives to #336a5e
Below, you can see some colors close to #336a5e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336a5e Preview
This text has a font color of #336a5e.
<span style="color:#336a5e;">Text here</span>
This paragraph has a background color of #336a5e.
<p style="background-color:#336a5e;">Content here</p>
This element has a border color of #336a5e.
<div style="border:1px solid #336a5e;">Content here</div>
.text {color:#336a5e;}
.background {background-color:#336a5e;}
.border {border:1px solid #336a5e;}
Shades and Tints of #336a5e
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)
-
#132823
#132823
rgb(19,40,35)
-
#1a352f
#1a352f
rgb(26,53,47)
-
#20423b
#20423b
rgb(32,66,59)
-
#265047
#265047
rgb(38,80,71)
-
#2d5d52
#2d5d52
rgb(45,93,82)
-
#336a5e
#336a5e
rgb(51,106,94)
-
#39776a
#39776a
rgb(57,119,106)
-
#408475
#408475
rgb(64,132,117)
-
#469281
#469281
rgb(70,146,129)
-
#4c9f8d
#4c9f8d
rgb(76,159,141)
-
#53ac99
#53ac99
rgb(83,172,153)
-
#60b3a1
#60b3a1
rgb(96,179,161)
-
#6db9a8
#6db9a8
rgb(109,185,168)
-
#7bbfb0
#7bbfb0
rgb(123,191,176)
-
#88c6b8
#88c6b8
rgb(136,198,184)
-
#95ccc0
#95ccc0
rgb(149,204,192)
-
#a2d2c8
#a2d2c8
rgb(162,210,200)
-
#b0d9d0
#b0d9d0
rgb(176,217,208)
-
#bddfd8
#bddfd8
rgb(189,223,216)
-
#cae6e0
#cae6e0
rgb(202,230,224)
-
#d7ece7
#d7ece7
rgb(215,236,231)
-
#e5f2ef
#e5f2ef
rgb(229,242,239)
-
#f2f9f7
#f2f9f7
rgb(242,249,247)
Tones of #336a5e
A tone is produced by adding gray to any pure hue. In this case, #4b5250 is the less saturated color, while #039a79 is the most saturated one.
-
#4b5250
#4b5250
rgb(75,82,80)
-
#455854
#455854
rgb(69,88,84)
-
#3f5e57
#3f5e57
rgb(63,94,87)
-
#39645b
#39645b
rgb(57,100,91)
-
#336a5e
#336a5e
rgb(51,106,94)
-
#2d7061
#2d7061
rgb(45,112,97)
-
#277665
#277665
rgb(39,118,101)
-
#217c68
#217c68
rgb(33,124,104)
-
#1b826c
#1b826c
rgb(27,130,108)
-
#15886f
#15886f
rgb(21,136,111)
-
#0f8e72
#0f8e72
rgb(15,142,114)
-
#099476
#099476
rgb(9,148,118)
-
#039a79
#039a79
rgb(3,154,121)
Color Blindness Simulator
Below, you can see how #336a5e 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.