#334448 Color Information
In a RGB color space, hex #334448 is composed of 20% red, 26.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 5.6% magenta, 0% yellow and 71.8% black. It has a hue angle of 191.4 degrees, a saturation of 17.1% and a lightness of 24.1%. #334448 color hex could be obtained by blending #668890 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 27
- B 28
-
- C 29
- M 6
- Y 0
- K 72
● #334448 color description : Very dark grayish cyan.
#334448 Color Conversion
The hexadecimal color #334448 has RGB values of R:51, G:68, B:72 and CMYK values of C:0.29, M:0.06, Y:0, K:0.72. Its decimal value is 3359816.
Hex triplet | 334448 | #334448 |
---|---|---|
RGB Decimal | 51, 68, 72 | rgb(51,68,72) |
RGB Percent | 20, 26.7, 28.2 | rgb(20%,26.7%,28.2%) |
CMYK | 29, 6, 0, 72 | |
HSL | 191.4°, 17.1, 24.1 | hsl(191.4,17.1%,24.1%) |
HSV (or HSB) | 191.4°, 29.2, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 27.589, -5.647, -4.631 |
---|---|
XYZ | 4.602, 5.306, 6.912 |
xyY | 0.274, 0.315, 5.306 |
CIE-LCH | 27.589, 7.303, 219.353 |
CIE-LUV | 27.589, -8.037, -4.745 |
Hunter-Lab | 23.034, -4.649, -1.668 |
Binary | 00110011, 01000100, 01001000 |
Color Schemes with #334448
Alternatives to #334448
Below, you can see some colors close to #334448. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334448 Preview
This text has a font color of #334448.
<span style="color:#334448;">Text here</span>
This paragraph has a background color of #334448.
<p style="background-color:#334448;">Content here</p>
This element has a border color of #334448.
<div style="border:1px solid #334448;">Content here</div>
.text {color:#334448;}
.background {background-color:#334448;}
.border {border:1px solid #334448;}
Shades and Tints of #334448
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, #020303 is the darkest color, while #f7f9f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0a0e0f
#0a0e0f
rgb(10,14,15)
-
#12191a
#12191a
rgb(18,25,26)
-
#1b2326
#1b2326
rgb(27,35,38)
-
#232e31
#232e31
rgb(35,46,49)
-
#2b393d
#2b393d
rgb(43,57,61)
-
#334448
#334448
rgb(51,68,72)
-
#3b4f53
#3b4f53
rgb(59,79,83)
-
#435a5f
#435a5f
rgb(67,90,95)
-
#4b656a
#4b656a
rgb(75,101,106)
-
#546f76
#546f76
rgb(84,111,118)
-
#5c7a81
#5c7a81
rgb(92,122,129)
-
#64858d
#64858d
rgb(100,133,141)
-
#6d8f97
#6d8f97
rgb(109,143,151)
-
#7898a0
#7898a0
rgb(120,152,160)
-
#84a1a8
#84a1a8
rgb(132,161,168)
-
#8faab0
#8faab0
rgb(143,170,176)
-
#9bb2b8
#9bb2b8
rgb(155,178,184)
-
#a6bbc0
#a6bbc0
rgb(166,187,192)
-
#b2c4c8
#b2c4c8
rgb(178,196,200)
-
#bdcdd0
#bdcdd0
rgb(189,205,208)
-
#c9d6d9
#c9d6d9
rgb(201,214,217)
-
#d4dee1
#d4dee1
rgb(212,222,225)
-
#e0e7e9
#e0e7e9
rgb(224,231,233)
-
#ebf0f1
#ebf0f1
rgb(235,240,241)
-
#f7f9f9
#f7f9f9
rgb(247,249,249)
Tones of #334448
A tone is produced by adding gray to any pure hue. In this case, #3c3e3f is the less saturated color, while #046177 is the most saturated one.
-
#3c3e3f
#3c3e3f
rgb(60,62,63)
-
#384143
#384143
rgb(56,65,67)
-
#334448
#334448
rgb(51,68,72)
-
#2e474d
#2e474d
rgb(46,71,77)
-
#2a4a51
#2a4a51
rgb(42,74,81)
-
#254d56
#254d56
rgb(37,77,86)
-
#20505b
#20505b
rgb(32,80,91)
-
#1b5360
#1b5360
rgb(27,83,96)
-
#175664
#175664
rgb(23,86,100)
-
#125969
#125969
rgb(18,89,105)
-
#0d5b6e
#0d5b6e
rgb(13,91,110)
-
#085e73
#085e73
rgb(8,94,115)
-
#046177
#046177
rgb(4,97,119)
Color Blindness Simulator
Below, you can see how #334448 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.