#336266 Color Information
In a RGB color space, hex #336266 is composed of 20% red, 38.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 3.9% magenta, 0% yellow and 60% black. It has a hue angle of 184.7 degrees, a saturation of 33.3% and a lightness of 30%. #336266 color hex could be obtained by blending #66c4cc with #000000. Closest websafe color is: #336666.
-
- R 20
- G 38
- B 40
-
- C 50
- M 4
- Y 0
- K 60
● #336266 color description : Very dark desaturated cyan.
#336266 Color Conversion
The hexadecimal color #336266 has RGB values of R:51, G:98, B:102 and CMYK values of C:0.5, M:0.04, Y:0, K:0.6. Its decimal value is 3367526.
Hex triplet | 336266 | #336266 |
---|---|---|
RGB Decimal | 51, 98, 102 | rgb(51,98,102) |
RGB Percent | 20, 38.4, 40 | rgb(20%,38.4%,40%) |
CMYK | 50, 4, 0, 60 | |
HSL | 184.7°, 33.3, 30 | hsl(184.7,33.3%,30%) |
HSV (or HSB) | 184.7°, 50, 40 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.547, -14.81, -7.253 |
---|---|
XYZ | 8.131, 10.398, 14.148 |
xyY | 0.249, 0.318, 10.398 |
CIE-LCH | 38.547, 16.491, 206.092 |
CIE-LUV | 38.547, -20.236, -7.644 |
Hunter-Lab | 32.246, -11.423, -3.442 |
Binary | 00110011, 01100010, 01100110 |
Color Schemes with #336266
Alternatives to #336266
Below, you can see some colors close to #336266. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336266 Preview
This text has a font color of #336266.
<span style="color:#336266;">Text here</span>
This paragraph has a background color of #336266.
<p style="background-color:#336266;">Content here</p>
This element has a border color of #336266.
<div style="border:1px solid #336266;">Content here</div>
.text {color:#336266;}
.background {background-color:#336266;}
.border {border:1px solid #336266;}
Shades and Tints of #336266
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, #050a0a is the darkest color, while #fcfefe is the lightest one.
-
#050a0a
#050a0a
rgb(5,10,10)
-
#0c1718
#0c1718
rgb(12,23,24)
-
#122325
#122325
rgb(18,35,37)
-
#193032
#193032
rgb(25,48,50)
-
#1f3c3f
#1f3c3f
rgb(31,60,63)
-
#26494c
#26494c
rgb(38,73,76)
-
#2c5559
#2c5559
rgb(44,85,89)
-
#336266
#336266
rgb(51,98,102)
-
#3a6f73
#3a6f73
rgb(58,111,115)
-
#407b80
#407b80
rgb(64,123,128)
-
#47888d
#47888d
rgb(71,136,141)
-
#4d949a
#4d949a
rgb(77,148,154)
-
#54a1a7
#54a1a7
rgb(84,161,167)
-
#5fa9af
#5fa9af
rgb(95,169,175)
-
#6db0b6
#6db0b6
rgb(109,176,182)
-
#7ab7bc
#7ab7bc
rgb(122,183,188)
-
#87bec3
#87bec3
rgb(135,190,195)
-
#94c5c9
#94c5c9
rgb(148,197,201)
-
#a1ccd0
#a1ccd0
rgb(161,204,208)
-
#aed3d6
#aed3d6
rgb(174,211,214)
-
#bbdadd
#bbdadd
rgb(187,218,221)
-
#c8e1e4
#c8e1e4
rgb(200,225,228)
-
#d5e8ea
#d5e8ea
rgb(213,232,234)
-
#e2eff1
#e2eff1
rgb(226,239,241)
-
#eff7f7
#eff7f7
rgb(239,247,247)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #336266
A tone is produced by adding gray to any pure hue. In this case, #4b4e4e is the less saturated color, while #048a95 is the most saturated one.
-
#4b4e4e
#4b4e4e
rgb(75,78,78)
-
#455354
#455354
rgb(69,83,84)
-
#3f585a
#3f585a
rgb(63,88,90)
-
#395d60
#395d60
rgb(57,93,96)
-
#336266
#336266
rgb(51,98,102)
-
#2d676c
#2d676c
rgb(45,103,108)
-
#276c72
#276c72
rgb(39,108,114)
-
#217178
#217178
rgb(33,113,120)
-
#1b767e
#1b767e
rgb(27,118,126)
-
#167b83
#167b83
rgb(22,123,131)
-
#108089
#108089
rgb(16,128,137)
-
#0a858f
#0a858f
rgb(10,133,143)
-
#048a95
#048a95
rgb(4,138,149)
Color Blindness Simulator
Below, you can see how #336266 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.