#336163 Color Information
In a RGB color space, hex #336163 is composed of 20% red, 38% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 2% magenta, 0% yellow and 61.2% black. It has a hue angle of 182.5 degrees, a saturation of 32% and a lightness of 29.4%. #336163 color hex could be obtained by blending #66c2c6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 38
- B 39
-
- C 48
- M 2
- Y 0
- K 61
● #336163 color description : Very dark desaturated cyan.
#336163 Color Conversion
The hexadecimal color #336163 has RGB values of R:51, G:97, B:99 and CMYK values of C:0.48, M:0.02, Y:0, K:0.61. Its decimal value is 3367267.
Hex triplet | 336163 | #336163 |
---|---|---|
RGB Decimal | 51, 97, 99 | rgb(51,97,99) |
RGB Percent | 20, 38, 38.8 | rgb(20%,38%,38.8%) |
CMYK | 48, 2, 0, 61 | |
HSL | 182.5°, 32, 29.4 | hsl(182.5,32%,29.4%) |
HSV (or HSB) | 182.5°, 48.5, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.117, -15.134, -6.048 |
---|---|
XYZ | 7.891, 10.154, 13.348 |
xyY | 0.251, 0.323, 10.154 |
CIE-LCH | 38.117, 16.298, 201.782 |
CIE-LUV | 38.117, -19.919, -5.931 |
Hunter-Lab | 31.865, -11.557, -2.531 |
Binary | 00110011, 01100001, 01100011 |
Color Schemes with #336163
Alternatives to #336163
Below, you can see some colors close to #336163. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#336163 Preview
This text has a font color of #336163.
<span style="color:#336163;">Text here</span>
This paragraph has a background color of #336163.
<p style="background-color:#336163;">Content here</p>
This element has a border color of #336163.
<div style="border:1px solid #336163;">Content here</div>
.text {color:#336163;}
.background {background-color:#336163;}
.border {border:1px solid #336163;}
Shades and Tints of #336163
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 #fafdfd is the lightest one.
-
#040808
#040808
rgb(4,8,8)
-
#0b1515
#0b1515
rgb(11,21,21)
-
#122222
#122222
rgb(18,34,34)
-
#182e2f
#182e2f
rgb(24,46,47)
-
#1f3b3c
#1f3b3c
rgb(31,59,60)
-
#264849
#264849
rgb(38,72,73)
-
#2c5456
#2c5456
rgb(44,84,86)
-
#336163
#336163
rgb(51,97,99)
-
#3a6e70
#3a6e70
rgb(58,110,112)
-
#407a7d
#407a7d
rgb(64,122,125)
-
#47878a
#47878a
rgb(71,135,138)
-
#4e9497
#4e9497
rgb(78,148,151)
-
#54a0a4
#54a0a4
rgb(84,160,164)
-
#5fa9ad
#5fa9ad
rgb(95,169,173)
-
#6cb0b3
#6cb0b3
rgb(108,176,179)
-
#79b7ba
#79b7ba
rgb(121,183,186)
-
#86bec1
#86bec1
rgb(134,190,193)
-
#93c5c7
#93c5c7
rgb(147,197,199)
-
#a0ccce
#a0ccce
rgb(160,204,206)
-
#add3d5
#add3d5
rgb(173,211,213)
-
#badadb
#badadb
rgb(186,218,219)
-
#c7e1e2
#c7e1e2
rgb(199,225,226)
-
#d4e8e9
#d4e8e9
rgb(212,232,233)
-
#e1efef
#e1efef
rgb(225,239,239)
-
#edf6f6
#edf6f6
rgb(237,246,246)
-
#fafdfd
#fafdfd
rgb(250,253,253)
Tones of #336163
A tone is produced by adding gray to any pure hue. In this case, #4a4c4c is the less saturated color, while #058b91 is the most saturated one.
-
#4a4c4c
#4a4c4c
rgb(74,76,76)
-
#445152
#445152
rgb(68,81,82)
-
#3f5657
#3f5657
rgb(63,86,87)
-
#395c5d
#395c5d
rgb(57,92,93)
-
#336163
#336163
rgb(51,97,99)
-
#2d6669
#2d6669
rgb(45,102,105)
-
#276c6f
#276c6f
rgb(39,108,111)
-
#227174
#227174
rgb(34,113,116)
-
#1c767a
#1c767a
rgb(28,118,122)
-
#167b80
#167b80
rgb(22,123,128)
-
#108186
#108186
rgb(16,129,134)
-
#0b868b
#0b868b
rgb(11,134,139)
-
#058b91
#058b91
rgb(5,139,145)
Color Blindness Simulator
Below, you can see how #336163 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.