#336161 Color Information
In a RGB color space, hex #336161 is composed of 20% red, 38% green and 38% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 0% magenta, 0% yellow and 62% black. It has a hue angle of 180 degrees, a saturation of 31.1% and a lightness of 29%. #336161 color hex could be obtained by blending #66c2c2 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 38
- B 38
-
- C 47
- M 0
- Y 0
- K 62
● #336161 color description : Very dark desaturated cyan.
#336161 Color Conversion
The hexadecimal color #336161 has RGB values of R:51, G:97, B:97 and CMYK values of C:0.47, M:0, Y:0, K:0.62. Its decimal value is 3367265.
Hex triplet | 336161 | #336161 |
---|---|---|
RGB Decimal | 51, 97, 97 | rgb(51,97,97) |
RGB Percent | 20, 38, 38 | rgb(20%,38%,38%) |
CMYK | 47, 0, 0, 62 | |
HSL | 180°, 31.1, 29 | hsl(180,31.1%,29%) |
HSV (or HSB) | 180°, 47.4, 38 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.049, -15.718, -4.914 |
---|---|
XYZ | 7.797, 10.116, 12.85 |
xyY | 0.253, 0.329, 10.116 |
CIE-LCH | 38.049, 16.469, 197.361 |
CIE-LUV | 38.049, -19.979, -4.315 |
Hunter-Lab | 31.805, -11.9, -1.691 |
Binary | 00110011, 01100001, 01100001 |
Color Schemes with #336161
Alternatives to #336161
Below, you can see some colors close to #336161. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336161 Preview
This text has a font color of #336161.
<span style="color:#336161;">Text here</span>
This paragraph has a background color of #336161.
<p style="background-color:#336161;">Content here</p>
This element has a border color of #336161.
<div style="border:1px solid #336161;">Content here</div>
.text {color:#336161;}
.background {background-color:#336161;}
.border {border:1px solid #336161;}
Shades and Tints of #336161
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, #040707 is the darkest color, while #f9fcfc is the lightest one.
-
#040707
#040707
rgb(4,7,7)
-
#0a1414
#0a1414
rgb(10,20,20)
-
#112121
#112121
rgb(17,33,33)
-
#182e2e
#182e2e
rgb(24,46,46)
-
#1f3a3a
#1f3a3a
rgb(31,58,58)
-
#254747
#254747
rgb(37,71,71)
-
#2c5454
#2c5454
rgb(44,84,84)
-
#336161
#336161
rgb(51,97,97)
-
#3a6e6e
#3a6e6e
rgb(58,110,110)
-
#417b7b
#417b7b
rgb(65,123,123)
-
#478888
#478888
rgb(71,136,136)
-
#4e9494
#4e9494
rgb(78,148,148)
-
#55a1a1
#55a1a1
rgb(85,161,161)
-
#5fabab
#5fabab
rgb(95,171,171)
-
#6cb2b2
#6cb2b2
rgb(108,178,178)
-
#79b8b8
#79b8b8
rgb(121,184,184)
-
#85bfbf
#85bfbf
rgb(133,191,191)
-
#92c6c6
#92c6c6
rgb(146,198,198)
-
#9fcdcd
#9fcdcd
rgb(159,205,205)
-
#acd3d3
#acd3d3
rgb(172,211,211)
-
#b9dada
#b9dada
rgb(185,218,218)
-
#c6e1e1
#c6e1e1
rgb(198,225,225)
-
#d3e8e8
#d3e8e8
rgb(211,232,232)
-
#dfeeee
#dfeeee
rgb(223,238,238)
-
#ecf5f5
#ecf5f5
rgb(236,245,245)
-
#f9fcfc
#f9fcfc
rgb(249,252,252)
Tones of #336161
A tone is produced by adding gray to any pure hue. In this case, #4a4a4a is the less saturated color, while #058f8f is the most saturated one.
-
#4a4a4a
#4a4a4a
rgb(74,74,74)
-
#445050
#445050
rgb(68,80,80)
-
#3e5656
#3e5656
rgb(62,86,86)
-
#395b5b
#395b5b
rgb(57,91,91)
-
#336161
#336161
rgb(51,97,97)
-
#2d6767
#2d6767
rgb(45,103,103)
-
#286c6c
#286c6c
rgb(40,108,108)
-
#227272
#227272
rgb(34,114,114)
-
#1c7878
#1c7878
rgb(28,120,120)
-
#177d7d
#177d7d
rgb(23,125,125)
-
#118383
#118383
rgb(17,131,131)
-
#0b8989
#0b8989
rgb(11,137,137)
-
#058f8f
#058f8f
rgb(5,143,143)
Color Blindness Simulator
Below, you can see how #336161 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.