#336c7f Color Information
In a RGB color space, hex #336c7f is composed of 20% red, 42.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 15% magenta, 0% yellow and 50.2% black. It has a hue angle of 195 degrees, a saturation of 42.7% and a lightness of 34.9%. #336c7f color hex could be obtained by blending #66d8fe with #000000. Closest websafe color is: #336666.
-
- R 20
- G 42
- B 50
-
- C 60
- M 15
- Y 0
- K 50
● #336c7f color description : Dark moderate blue.
#336c7f Color Conversion
The hexadecimal color #336c7f has RGB values of R:51, G:108, B:127 and CMYK values of C:0.6, M:0.15, Y:0, K:0.5. Its decimal value is 3370111.
Hex triplet | 336c7f | #336c7f |
---|---|---|
RGB Decimal | 51, 108, 127 | rgb(51,108,127) |
RGB Percent | 20, 42.4, 49.8 | rgb(20%,42.4%,49.8%) |
CMYK | 60, 15, 0, 50 | |
HSL | 195°, 42.7, 34.9 | hsl(195,42.7%,34.9%) |
HSV (or HSB) | 195°, 59.8, 49.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 42.704, -12.682, -16.187 |
---|---|
XYZ | 10.558, 12.96, 22.023 |
xyY | 0.232, 0.285, 12.96 |
CIE-LCH | 42.704, 20.563, 231.921 |
CIE-LUV | 42.704, -23.332, -21.077 |
Hunter-Lab | 36.001, -10.654, -11.069 |
Binary | 00110011, 01101100, 01111111 |
Color Schemes with #336c7f
Alternatives to #336c7f
Below, you can see some colors close to #336c7f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336c7f Preview
This text has a font color of #336c7f.
<span style="color:#336c7f;">Text here</span>
This paragraph has a background color of #336c7f.
<p style="background-color:#336c7f;">Content here</p>
This element has a border color of #336c7f.
<div style="border:1px solid #336c7f;">Content here</div>
.text {color:#336c7f;}
.background {background-color:#336c7f;}
.border {border:1px solid #336c7f;}
Shades and Tints of #336c7f
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, #000101 is the darkest color, while #f2f8fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#060d0f
#060d0f
rgb(6,13,15)
-
#0c191d
#0c191d
rgb(12,25,29)
-
#11252b
#11252b
rgb(17,37,43)
-
#173039
#173039
rgb(23,48,57)
-
#1d3c47
#1d3c47
rgb(29,60,71)
-
#224855
#224855
rgb(34,72,85)
-
#285463
#285463
rgb(40,84,99)
-
#2d6071
#2d6071
rgb(45,96,113)
-
#336c7f
#336c7f
rgb(51,108,127)
-
#39788d
#39788d
rgb(57,120,141)
-
#3e849b
#3e849b
rgb(62,132,155)
-
#4490a9
#4490a9
rgb(68,144,169)
-
#4a9bb6
#4a9bb6
rgb(74,155,182)
-
#58a3bc
#58a3bc
rgb(88,163,188)
-
#66abc2
#66abc2
rgb(102,171,194)
-
#74b2c7
#74b2c7
rgb(116,178,199)
-
#82bacd
#82bacd
rgb(130,186,205)
-
#90c2d2
#90c2d2
rgb(144,194,210)
-
#9ecad8
#9ecad8
rgb(158,202,216)
-
#acd1de
#acd1de
rgb(172,209,222)
-
#bad9e3
#bad9e3
rgb(186,217,227)
-
#c8e1e9
#c8e1e9
rgb(200,225,233)
-
#d6e8ef
#d6e8ef
rgb(214,232,239)
-
#e4f0f4
#e4f0f4
rgb(228,240,244)
-
#f2f8fa
#f2f8fa
rgb(242,248,250)
Tones of #336c7f
A tone is produced by adding gray to any pure hue. In this case, #555b5d is the less saturated color, while #0384af is the most saturated one.
-
#555b5d
#555b5d
rgb(85,91,93)
-
#4e5e64
#4e5e64
rgb(78,94,100)
-
#48626a
#48626a
rgb(72,98,106)
-
#416571
#416571
rgb(65,101,113)
-
#3a6978
#3a6978
rgb(58,105,120)
-
#336c7f
#336c7f
rgb(51,108,127)
-
#2c6f86
#2c6f86
rgb(44,111,134)
-
#25738d
#25738d
rgb(37,115,141)
-
#1e7694
#1e7694
rgb(30,118,148)
-
#187a9a
#187a9a
rgb(24,122,154)
-
#117da1
#117da1
rgb(17,125,161)
-
#0a81a8
#0a81a8
rgb(10,129,168)
-
#0384af
#0384af
rgb(3,132,175)
Color Blindness Simulator
Below, you can see how #336c7f 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.