#336a5f Color Information
In a RGB color space, hex #336a5f is composed of 20% red, 41.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 0% magenta, 10.4% yellow and 58.4% black. It has a hue angle of 168 degrees, a saturation of 35% and a lightness of 30.8%. #336a5f color hex could be obtained by blending #66d4be with #000000. Closest websafe color is: #336666.
-
- R 20
- G 42
- B 37
-
- C 52
- M 0
- Y 10
- K 58
● #336a5f color description : Very dark desaturated cyan.
#336a5f Color Conversion
The hexadecimal color #336a5f has RGB values of R:51, G:106, B:95 and CMYK values of C:0.52, M:0, Y:0.1, K:0.58. Its decimal value is 3369567.
Hex triplet | 336a5f | #336a5f |
---|---|---|
RGB Decimal | 51, 106, 95 | rgb(51,106,95) |
RGB Percent | 20, 41.6, 37.3 | rgb(20%,41.6%,37.3%) |
CMYK | 52, 0, 10, 58 | |
HSL | 168°, 35, 30.8 | hsl(168,35%,30.8%) |
HSV (or HSB) | 168°, 51.9, 41.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.957, -21.171, 0.589 |
---|---|
XYZ | 8.584, 11.838, 12.658 |
xyY | 0.259, 0.358, 11.838 |
CIE-LCH | 40.957, 21.18, 178.405 |
CIE-LUV | 40.957, -23.765, 3.737 |
Hunter-Lab | 34.406, -15.674, 2.27 |
Binary | 00110011, 01101010, 01011111 |
Color Schemes with #336a5f
Alternatives to #336a5f
Below, you can see some colors close to #336a5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336a5f Preview
This text has a font color of #336a5f.
<span style="color:#336a5f;">Text here</span>
This paragraph has a background color of #336a5f.
<p style="background-color:#336a5f;">Content here</p>
This element has a border color of #336a5f.
<div style="border:1px solid #336a5f;">Content here</div>
.text {color:#336a5f;}
.background {background-color:#336a5f;}
.border {border:1px solid #336a5f;}
Shades and Tints of #336a5f
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)
-
#20423b
#20423b
rgb(32,66,59)
-
#265047
#265047
rgb(38,80,71)
-
#2d5d53
#2d5d53
rgb(45,93,83)
-
#336a5f
#336a5f
rgb(51,106,95)
-
#39776b
#39776b
rgb(57,119,107)
-
#408477
#408477
rgb(64,132,119)
-
#469283
#469283
rgb(70,146,131)
-
#4c9f8e
#4c9f8e
rgb(76,159,142)
-
#53ac9a
#53ac9a
rgb(83,172,154)
-
#60b3a2
#60b3a2
rgb(96,179,162)
-
#6db9aa
#6db9aa
rgb(109,185,170)
-
#7bbfb2
#7bbfb2
rgb(123,191,178)
-
#88c6b9
#88c6b9
rgb(136,198,185)
-
#95ccc1
#95ccc1
rgb(149,204,193)
-
#a2d2c9
#a2d2c9
rgb(162,210,201)
-
#b0d9d1
#b0d9d1
rgb(176,217,209)
-
#bddfd8
#bddfd8
rgb(189,223,216)
-
#cae6e0
#cae6e0
rgb(202,230,224)
-
#d7ece8
#d7ece8
rgb(215,236,232)
-
#e5f2f0
#e5f2f0
rgb(229,242,240)
-
#f2f9f7
#f2f9f7
rgb(242,249,247)
Tones of #336a5f
A tone is produced by adding gray to any pure hue. In this case, #4b5251 is the less saturated color, while #039a7c is the most saturated one.
-
#4b5251
#4b5251
rgb(75,82,81)
-
#455854
#455854
rgb(69,88,84)
-
#3f5e58
#3f5e58
rgb(63,94,88)
-
#39645b
#39645b
rgb(57,100,91)
-
#336a5f
#336a5f
rgb(51,106,95)
-
#2d7063
#2d7063
rgb(45,112,99)
-
#277666
#277666
rgb(39,118,102)
-
#217c6a
#217c6a
rgb(33,124,106)
-
#1b826d
#1b826d
rgb(27,130,109)
-
#158871
#158871
rgb(21,136,113)
-
#0f8e75
#0f8e75
rgb(15,142,117)
-
#099478
#099478
rgb(9,148,120)
-
#039a7c
#039a7c
rgb(3,154,124)
Color Blindness Simulator
Below, you can see how #336a5f 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.