#336f76 Color Information
In a RGB color space, hex #336f76 is composed of 20% red, 43.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 5.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 186.3 degrees, a saturation of 39.6% and a lightness of 33.1%. #336f76 color hex could be obtained by blending #66deec with #000000. Closest websafe color is: #336666.
-
- R 20
- G 44
- B 46
-
- C 57
- M 6
- Y 0
- K 54
● #336f76 color description : Dark moderate cyan.
#336f76 Color Conversion
The hexadecimal color #336f76 has RGB values of R:51, G:111, B:118 and CMYK values of C:0.57, M:0.06, Y:0, K:0.54. Its decimal value is 3370870.
Hex triplet | 336f76 | #336f76 |
---|---|---|
RGB Decimal | 51, 111, 118 | rgb(51,111,118) |
RGB Percent | 20, 43.5, 46.3 | rgb(20%,43.5%,46.3%) |
CMYK | 57, 6, 0, 54 | |
HSL | 186.3°, 39.6, 33.1 | hsl(186.3,39.6%,33.1%) |
HSV (or HSB) | 186.3°, 56.8, 46.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 43.33, -17.209, -9.815 |
---|---|
XYZ | 10.319, 13.38, 19.177 |
xyY | 0.241, 0.312, 13.38 |
CIE-LCH | 43.33, 19.811, 209.698 |
CIE-LUV | 43.33, -24.866, -11.226 |
Hunter-Lab | 36.579, -13.658, -5.479 |
Binary | 00110011, 01101111, 01110110 |
Color Schemes with #336f76
Alternatives to #336f76
Below, you can see some colors close to #336f76. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336f76 Preview
This text has a font color of #336f76.
<span style="color:#336f76;">Text here</span>
This paragraph has a background color of #336f76.
<p style="background-color:#336f76;">Content here</p>
This element has a border color of #336f76.
<div style="border:1px solid #336f76;">Content here</div>
.text {color:#336f76;}
.background {background-color:#336f76;}
.border {border:1px solid #336f76;}
Shades and Tints of #336f76
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)
-
#0a1516
#0a1516
rgb(10,21,22)
-
#0f2224
#0f2224
rgb(15,34,36)
-
#152f32
#152f32
rgb(21,47,50)
-
#1b3b3f
#1b3b3f
rgb(27,59,63)
-
#21484d
#21484d
rgb(33,72,77)
-
#27555b
#27555b
rgb(39,85,91)
-
#2d6268
#2d6268
rgb(45,98,104)
-
#336f76
#336f76
rgb(51,111,118)
-
#397c84
#397c84
rgb(57,124,132)
-
#3f8991
#3f8991
rgb(63,137,145)
-
#45969f
#45969f
rgb(69,150,159)
-
#4ba3ad
#4ba3ad
rgb(75,163,173)
-
#55acb6
#55acb6
rgb(85,172,182)
-
#63b2bc
#63b2bc
rgb(99,178,188)
-
#71b9c2
#71b9c2
rgb(113,185,194)
-
#7ec0c7
#7ec0c7
rgb(126,192,199)
-
#8cc7cd
#8cc7cd
rgb(140,199,205)
-
#9acdd3
#9acdd3
rgb(154,205,211)
-
#a8d4d9
#a8d4d9
rgb(168,212,217)
-
#b5dbdf
#b5dbdf
rgb(181,219,223)
-
#c3e1e5
#c3e1e5
rgb(195,225,229)
-
#d1e8eb
#d1e8eb
rgb(209,232,235)
-
#deeff1
#deeff1
rgb(222,239,241)
-
#ecf6f7
#ecf6f7
rgb(236,246,247)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #336f76
A tone is produced by adding gray to any pure hue. In this case, #545556 is the less saturated color, while #0593a4 is the most saturated one.
-
#545556
#545556
rgb(84,85,86)
-
#4d5a5c
#4d5a5c
rgb(77,90,92)
-
#476063
#476063
rgb(71,96,99)
-
#406569
#406569
rgb(64,101,105)
-
#3a6a70
#3a6a70
rgb(58,106,112)
-
#336f76
#336f76
rgb(51,111,118)
-
#2d747d
#2d747d
rgb(45,116,125)
-
#267983
#267983
rgb(38,121,131)
-
#207e8a
#207e8a
rgb(32,126,138)
-
#198490
#198490
rgb(25,132,144)
-
#138997
#138997
rgb(19,137,151)
-
#0c8e9d
#0c8e9d
rgb(12,142,157)
-
#0593a4
#0593a4
rgb(5,147,164)
Color Blindness Simulator
Below, you can see how #336f76 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.