#336b72 Color Information
In a RGB color space, hex #336b72 is composed of 20% red, 42% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 6.1% magenta, 0% yellow and 55.3% black. It has a hue angle of 186.7 degrees, a saturation of 38.2% and a lightness of 32.4%. #336b72 color hex could be obtained by blending #66d6e4 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 42
- B 45
-
- C 55
- M 6
- Y 0
- K 55
● #336b72 color description : Very dark desaturated cyan.
#336b72 Color Conversion
The hexadecimal color #336b72 has RGB values of R:51, G:107, B:114 and CMYK values of C:0.55, M:0.06, Y:0, K:0.55. Its decimal value is 3369842.
Hex triplet | 336b72 | #336b72 |
---|---|---|
RGB Decimal | 51, 107, 114 | rgb(51,107,114) |
RGB Percent | 20, 42, 44.7 | rgb(20%,42%,44.7%) |
CMYK | 55, 6, 0, 55 | |
HSL | 186.7°, 38.2, 32.4 | hsl(186.7,38.2%,32.4%) |
HSV (or HSB) | 186.7°, 55.3, 44.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.897, -16.224, -9.555 |
---|---|
XYZ | 9.659, 12.433, 17.81 |
xyY | 0.242, 0.312, 12.433 |
CIE-LCH | 41.897, 18.829, 210.496 |
CIE-LUV | 41.897, -23.44, -10.891 |
Hunter-Lab | 35.261, -12.809, -5.263 |
Binary | 00110011, 01101011, 01110010 |
Color Schemes with #336b72
Alternatives to #336b72
Below, you can see some colors close to #336b72. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336b72 Preview
This text has a font color of #336b72.
<span style="color:#336b72;">Text here</span>
This paragraph has a background color of #336b72.
<p style="background-color:#336b72;">Content here</p>
This element has a border color of #336b72.
<div style="border:1px solid #336b72;">Content here</div>
.text {color:#336b72;}
.background {background-color:#336b72;}
.border {border:1px solid #336b72;}
Shades and Tints of #336b72
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, #020506 is the darkest color, while #f7fbfb is the lightest one.
-
#020506
#020506
rgb(2,5,6)
-
#091213
#091213
rgb(9,18,19)
-
#0f1f21
#0f1f21
rgb(15,31,33)
-
#152b2e
#152b2e
rgb(21,43,46)
-
#1b383c
#1b383c
rgb(27,56,60)
-
#214549
#214549
rgb(33,69,73)
-
#275257
#275257
rgb(39,82,87)
-
#2d5e64
#2d5e64
rgb(45,94,100)
-
#336b72
#336b72
rgb(51,107,114)
-
#397880
#397880
rgb(57,120,128)
-
#3f848d
#3f848d
rgb(63,132,141)
-
#45919b
#45919b
rgb(69,145,155)
-
#4b9ea8
#4b9ea8
rgb(75,158,168)
-
#54a8b3
#54a8b3
rgb(84,168,179)
-
#62afb9
#62afb9
rgb(98,175,185)
-
#70b6bf
#70b6bf
rgb(112,182,191)
-
#7dbdc5
#7dbdc5
rgb(125,189,197)
-
#8bc4cb
#8bc4cb
rgb(139,196,203)
-
#98cbd1
#98cbd1
rgb(152,203,209)
-
#a6d2d7
#a6d2d7
rgb(166,210,215)
-
#b3d8dd
#b3d8dd
rgb(179,216,221)
-
#c1dfe3
#c1dfe3
rgb(193,223,227)
-
#cee6e9
#cee6e9
rgb(206,230,233)
-
#dcedef
#dcedef
rgb(220,237,239)
-
#e9f4f5
#e9f4f5
rgb(233,244,245)
-
#f7fbfb
#f7fbfb
rgb(247,251,251)
Tones of #336b72
A tone is produced by adding gray to any pure hue. In this case, #4c5759 is the less saturated color, while #0092a5 is the most saturated one.
-
#4c5759
#4c5759
rgb(76,87,89)
-
#465c5f
#465c5f
rgb(70,92,95)
-
#406165
#406165
rgb(64,97,101)
-
#39666c
#39666c
rgb(57,102,108)
-
#336b72
#336b72
rgb(51,107,114)
-
#2d7078
#2d7078
rgb(45,112,120)
-
#26757f
#26757f
rgb(38,117,127)
-
#207a85
#207a85
rgb(32,122,133)
-
#1a7f8b
#1a7f8b
rgb(26,127,139)
-
#138492
#138492
rgb(19,132,146)
-
#0d8998
#0d8998
rgb(13,137,152)
-
#078e9e
#078e9e
rgb(7,142,158)
-
#0092a5
#0092a5
rgb(0,146,165)
Color Blindness Simulator
Below, you can see how #336b72 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.