#336d76 Color Information
In a RGB color space, hex #336d76 is composed of 20% red, 42.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 7.6% magenta, 0% yellow and 53.7% black. It has a hue angle of 188.1 degrees, a saturation of 39.6% and a lightness of 33.1%. #336d76 color hex could be obtained by blending #66daec with #000000. Closest websafe color is: #336666.
-
- R 20
- G 43
- B 46
-
- C 57
- M 8
- Y 0
- K 54
● #336d76 color description : Dark moderate cyan.
#336d76 Color Conversion
The hexadecimal color #336d76 has RGB values of R:51, G:109, B:118 and CMYK values of C:0.57, M:0.08, Y:0, K:0.54. Its decimal value is 3370358.
Hex triplet | 336d76 | #336d76 |
---|---|---|
RGB Decimal | 51, 109, 118 | rgb(51,109,118) |
RGB Percent | 20, 42.7, 46.3 | rgb(20%,42.7%,46.3%) |
CMYK | 57, 8, 0, 54 | |
HSL | 188.1°, 39.6, 33.1 | hsl(188.1,39.6%,33.1%) |
HSV (or HSB) | 188.1°, 56.8, 46.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 42.685, -16.104, -10.787 |
---|---|
XYZ | 10.103, 12.948, 19.105 |
xyY | 0.24, 0.307, 12.948 |
CIE-LCH | 42.685, 19.383, 213.815 |
CIE-LUV | 42.685, -24.075, -12.73 |
Hunter-Lab | 35.984, -12.855, -6.291 |
Binary | 00110011, 01101101, 01110110 |
Color Schemes with #336d76
Alternatives to #336d76
Below, you can see some colors close to #336d76. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336d76 Preview
This text has a font color of #336d76.
<span style="color:#336d76;">Text here</span>
This paragraph has a background color of #336d76.
<p style="background-color:#336d76;">Content here</p>
This element has a border color of #336d76.
<div style="border:1px solid #336d76;">Content here</div>
.text {color:#336d76;}
.background {background-color:#336d76;}
.border {border:1px solid #336d76;}
Shades and Tints of #336d76
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, #040808 is the darkest color, while #fafcfd is the lightest one.
-
#040808
#040808
rgb(4,8,8)
-
#0a1416
#0a1416
rgb(10,20,22)
-
#0f2124
#0f2124
rgb(15,33,36)
-
#152e32
#152e32
rgb(21,46,50)
-
#1b3a3f
#1b3a3f
rgb(27,58,63)
-
#21474d
#21474d
rgb(33,71,77)
-
#27545b
#27545b
rgb(39,84,91)
-
#2d6068
#2d6068
rgb(45,96,104)
-
#336d76
#336d76
rgb(51,109,118)
-
#397a84
#397a84
rgb(57,122,132)
-
#3f8691
#3f8691
rgb(63,134,145)
-
#45939f
#45939f
rgb(69,147,159)
-
#4ba0ad
#4ba0ad
rgb(75,160,173)
-
#55a9b6
#55a9b6
rgb(85,169,182)
-
#63b0bc
#63b0bc
rgb(99,176,188)
-
#71b7c2
#71b7c2
rgb(113,183,194)
-
#7ebec7
#7ebec7
rgb(126,190,199)
-
#8cc5cd
#8cc5cd
rgb(140,197,205)
-
#9accd3
#9accd3
rgb(154,204,211)
-
#a8d3d9
#a8d3d9
rgb(168,211,217)
-
#b5dadf
#b5dadf
rgb(181,218,223)
-
#c3e0e5
#c3e0e5
rgb(195,224,229)
-
#d1e7eb
#d1e7eb
rgb(209,231,235)
-
#deeef1
#deeef1
rgb(222,238,241)
-
#ecf5f7
#ecf5f7
rgb(236,245,247)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #336d76
A tone is produced by adding gray to any pure hue. In this case, #545556 is the less saturated color, while #058ea4 is the most saturated one.
-
#545556
#545556
rgb(84,85,86)
-
#4d5a5c
#4d5a5c
rgb(77,90,92)
-
#475f63
#475f63
rgb(71,95,99)
-
#406369
#406369
rgb(64,99,105)
-
#3a6870
#3a6870
rgb(58,104,112)
-
#336d76
#336d76
rgb(51,109,118)
-
#2d727d
#2d727d
rgb(45,114,125)
-
#267783
#267783
rgb(38,119,131)
-
#207b8a
#207b8a
rgb(32,123,138)
-
#198090
#198090
rgb(25,128,144)
-
#138597
#138597
rgb(19,133,151)
-
#0c8a9d
#0c8a9d
rgb(12,138,157)
-
#058ea4
#058ea4
rgb(5,142,164)
Color Blindness Simulator
Below, you can see how #336d76 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.