#334a48 Color Information
In a RGB color space, hex #334a48 is composed of 20% red, 29% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 0% magenta, 2.7% yellow and 71% black. It has a hue angle of 174.8 degrees, a saturation of 18.4% and a lightness of 24.5%. #334a48 color hex could be obtained by blending #669490 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 29
- B 28
-
- C 31
- M 0
- Y 3
- K 71
● #334a48 color description : Very dark grayish cyan.
#334a48 Color Conversion
The hexadecimal color #334a48 has RGB values of R:51, G:74, B:72 and CMYK values of C:0.31, M:0, Y:0.03, K:0.71. Its decimal value is 3361352.
Hex triplet | 334a48 | #334a48 |
---|---|---|
RGB Decimal | 51, 74, 72 | rgb(51,74,72) |
RGB Percent | 20, 29, 28.2 | rgb(20%,29%,28.2%) |
CMYK | 31, 0, 3, 71 | |
HSL | 174.8°, 18.4, 24.5 | hsl(174.8,18.4%,24.5%) |
HSV (or HSB) | 174.8°, 31.1, 29 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 29.586, -9.352, -1.674 |
---|---|
XYZ | 4.983, 6.069, 7.039 |
xyY | 0.275, 0.335, 6.069 |
CIE-LCH | 29.586, 9.5, 190.148 |
CIE-LUV | 29.586, -10.641, -0.782 |
Hunter-Lab | 24.635, -7.004, 0.303 |
Binary | 00110011, 01001010, 01001000 |
Color Schemes with #334a48
Alternatives to #334a48
Below, you can see some colors close to #334a48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334a48 Preview
This text has a font color of #334a48.
<span style="color:#334a48;">Text here</span>
This paragraph has a background color of #334a48.
<p style="background-color:#334a48;">Content here</p>
This element has a border color of #334a48.
<div style="border:1px solid #334a48;">Content here</div>
.text {color:#334a48;}
.background {background-color:#334a48;}
.border {border:1px solid #334a48;}
Shades and Tints of #334a48
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, #030404 is the darkest color, while #f8fafa is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0b1010
#0b1010
rgb(11,16,16)
-
#131c1b
#131c1b
rgb(19,28,27)
-
#1b2726
#1b2726
rgb(27,39,38)
-
#233331
#233331
rgb(35,51,49)
-
#2b3e3d
#2b3e3d
rgb(43,62,61)
-
#334a48
#334a48
rgb(51,74,72)
-
#3b5653
#3b5653
rgb(59,86,83)
-
#43615f
#43615f
rgb(67,97,95)
-
#4b6d6a
#4b6d6a
rgb(75,109,106)
-
#537875
#537875
rgb(83,120,117)
-
#5b8480
#5b8480
rgb(91,132,128)
-
#63908c
#63908c
rgb(99,144,140)
-
#6c9a96
#6c9a96
rgb(108,154,150)
-
#78a29e
#78a29e
rgb(120,162,158)
-
#84aaa7
#84aaa7
rgb(132,170,167)
-
#8fb2af
#8fb2af
rgb(143,178,175)
-
#9bbab7
#9bbab7
rgb(155,186,183)
-
#a6c2c0
#a6c2c0
rgb(166,194,192)
-
#b2cac8
#b2cac8
rgb(178,202,200)
-
#bed2d0
#bed2d0
rgb(190,210,208)
-
#c9dad9
#c9dad9
rgb(201,218,217)
-
#d5e2e1
#d5e2e1
rgb(213,226,225)
-
#e0eae9
#e0eae9
rgb(224,234,233)
-
#ecf2f1
#ecf2f1
rgb(236,242,241)
-
#f8fafa
#f8fafa
rgb(248,250,250)
Tones of #334a48
A tone is produced by adding gray to any pure hue. In this case, #3d4040 is the less saturated color, while #037a70 is the most saturated one.
-
#3d4040
#3d4040
rgb(61,64,64)
-
#384544
#384544
rgb(56,69,68)
-
#334a48
#334a48
rgb(51,74,72)
-
#2e4f4c
#2e4f4c
rgb(46,79,76)
-
#295450
#295450
rgb(41,84,80)
-
#255854
#255854
rgb(37,88,84)
-
#205d58
#205d58
rgb(32,93,88)
-
#1b625c
#1b625c
rgb(27,98,92)
-
#166760
#166760
rgb(22,103,96)
-
#116c64
#116c64
rgb(17,108,100)
-
#0d7068
#0d7068
rgb(13,112,104)
-
#08756c
#08756c
rgb(8,117,108)
-
#037a70
#037a70
rgb(3,122,112)
Color Blindness Simulator
Below, you can see how #334a48 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.