#336168 Color Information
In a RGB color space, hex #336168 is composed of 20% red, 38% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 6.7% magenta, 0% yellow and 59.2% black. It has a hue angle of 187.9 degrees, a saturation of 34.2% and a lightness of 30.4%. #336168 color hex could be obtained by blending #66c2d0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 38
- B 41
-
- C 51
- M 7
- Y 0
- K 59
● #336168 color description : Very dark desaturated cyan.
#336168 Color Conversion
The hexadecimal color #336168 has RGB values of R:51, G:97, B:104 and CMYK values of C:0.51, M:0.07, Y:0, K:0.59. Its decimal value is 3367272.
Hex triplet | 336168 | #336168 |
---|---|---|
RGB Decimal | 51, 97, 104 | rgb(51,97,104) |
RGB Percent | 20, 38, 40.8 | rgb(20%,38%,40.8%) |
CMYK | 51, 7, 0, 59 | |
HSL | 187.9°, 34.2, 30.4 | hsl(187.9,34.2%,30.4%) |
HSV (or HSB) | 187.9°, 51, 40.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.291, -13.639, -8.869 |
---|---|
XYZ | 8.138, 10.252, 14.646 |
xyY | 0.246, 0.31, 10.252 |
CIE-LCH | 38.291, 16.269, 213.035 |
CIE-LUV | 38.291, -19.768, -10.014 |
Hunter-Lab | 32.019, -10.666, -4.707 |
Binary | 00110011, 01100001, 01101000 |
Color Schemes with #336168
Alternatives to #336168
Below, you can see some colors close to #336168. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336168 Preview
This text has a font color of #336168.
<span style="color:#336168;">Text here</span>
This paragraph has a background color of #336168.
<p style="background-color:#336168;">Content here</p>
This element has a border color of #336168.
<div style="border:1px solid #336168;">Content here</div>
.text {color:#336168;}
.background {background-color:#336168;}
.border {border:1px solid #336168;}
Shades and Tints of #336168
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, #060b0c is the darkest color, while #fefefe is the lightest one.
-
#060b0c
#060b0c
rgb(6,11,12)
-
#0c1719
#0c1719
rgb(12,23,25)
-
#132426
#132426
rgb(19,36,38)
-
#193033
#193033
rgb(25,48,51)
-
#203c41
#203c41
rgb(32,60,65)
-
#26484e
#26484e
rgb(38,72,78)
-
#2d555b
#2d555b
rgb(45,85,91)
-
#336168
#336168
rgb(51,97,104)
-
#396d75
#396d75
rgb(57,109,117)
-
#407a82
#407a82
rgb(64,122,130)
-
#46868f
#46868f
rgb(70,134,143)
-
#4d929d
#4d929d
rgb(77,146,157)
-
#539eaa
#539eaa
rgb(83,158,170)
-
#60a6b1
#60a6b1
rgb(96,166,177)
-
#6daeb7
#6daeb7
rgb(109,174,183)
-
#7ab5be
#7ab5be
rgb(122,181,190)
-
#87bcc4
#87bcc4
rgb(135,188,196)
-
#94c4cb
#94c4cb
rgb(148,196,203)
-
#a2cbd1
#a2cbd1
rgb(162,203,209)
-
#afd2d8
#afd2d8
rgb(175,210,216)
-
#bcdade
#bcdade
rgb(188,218,222)
-
#c9e1e5
#c9e1e5
rgb(201,225,229)
-
#d6e8eb
#d6e8eb
rgb(214,232,235)
-
#e3f0f1
#e3f0f1
rgb(227,240,241)
-
#f1f7f8
#f1f7f8
rgb(241,247,248)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #336168
A tone is produced by adding gray to any pure hue. In this case, #4b4f50 is the less saturated color, while #038498 is the most saturated one.
-
#4b4f50
#4b4f50
rgb(75,79,80)
-
#455456
#455456
rgb(69,84,86)
-
#3f585c
#3f585c
rgb(63,88,92)
-
#395d62
#395d62
rgb(57,93,98)
-
#336168
#336168
rgb(51,97,104)
-
#2d656e
#2d656e
rgb(45,101,110)
-
#276a74
#276a74
rgb(39,106,116)
-
#216e7a
#216e7a
rgb(33,110,122)
-
#1b7380
#1b7380
rgb(27,115,128)
-
#157786
#157786
rgb(21,119,134)
-
#0f7b8c
#0f7b8c
rgb(15,123,140)
-
#098092
#098092
rgb(9,128,146)
-
#038498
#038498
rgb(3,132,152)
Color Blindness Simulator
Below, you can see how #336168 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.