#334348 Color Information
In a RGB color space, hex #334348 is composed of 20% red, 26.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 6.9% magenta, 0% yellow and 71.8% black. It has a hue angle of 194.3 degrees, a saturation of 17.1% and a lightness of 24.1%. #334348 color hex could be obtained by blending #668690 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 26
- B 28
-
- C 29
- M 7
- Y 0
- K 72
● #334348 color description : Very dark grayish cyan.
#334348 Color Conversion
The hexadecimal color #334348 has RGB values of R:51, G:67, B:72 and CMYK values of C:0.29, M:0.07, Y:0, K:0.72. Its decimal value is 3359560.
Hex triplet | 334348 | #334348 |
---|---|---|
RGB Decimal | 51, 67, 72 | rgb(51,67,72) |
RGB Percent | 20, 26.3, 28.2 | rgb(20%,26.3%,28.2%) |
CMYK | 29, 7, 0, 72 | |
HSL | 194.3°, 17.1, 24.1 | hsl(194.3,17.1%,24.1%) |
HSV (or HSB) | 194.3°, 29.2, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 27.258, -5.016, -5.124 |
---|---|
XYZ | 4.542, 5.186, 6.892 |
xyY | 0.273, 0.312, 5.186 |
CIE-LCH | 27.258, 7.171, 225.614 |
CIE-LUV | 27.258, -7.608, -5.397 |
Hunter-Lab | 22.772, -4.251, -2.004 |
Binary | 00110011, 01000011, 01001000 |
Color Schemes with #334348
Alternatives to #334348
Below, you can see some colors close to #334348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334348 Preview
This text has a font color of #334348.
<span style="color:#334348;">Text here</span>
This paragraph has a background color of #334348.
<p style="background-color:#334348;">Content here</p>
This element has a border color of #334348.
<div style="border:1px solid #334348;">Content here</div>
.text {color:#334348;}
.background {background-color:#334348;}
.border {border:1px solid #334348;}
Shades and Tints of #334348
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 #f7f8f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0a0e0f
#0a0e0f
rgb(10,14,15)
-
#12181a
#12181a
rgb(18,24,26)
-
#1b2326
#1b2326
rgb(27,35,38)
-
#232e31
#232e31
rgb(35,46,49)
-
#2b383d
#2b383d
rgb(43,56,61)
-
#334348
#334348
rgb(51,67,72)
-
#3b4e53
#3b4e53
rgb(59,78,83)
-
#43585f
#43585f
rgb(67,88,95)
-
#4b636a
#4b636a
rgb(75,99,106)
-
#546e76
#546e76
rgb(84,110,118)
-
#5c7881
#5c7881
rgb(92,120,129)
-
#64838d
#64838d
rgb(100,131,141)
-
#6d8d97
#6d8d97
rgb(109,141,151)
-
#7896a0
#7896a0
rgb(120,150,160)
-
#849fa8
#849fa8
rgb(132,159,168)
-
#8fa8b0
#8fa8b0
rgb(143,168,176)
-
#9bb1b8
#9bb1b8
rgb(155,177,184)
-
#a6bac0
#a6bac0
rgb(166,186,192)
-
#b2c3c8
#b2c3c8
rgb(178,195,200)
-
#bdccd0
#bdccd0
rgb(189,204,208)
-
#c9d5d9
#c9d5d9
rgb(201,213,217)
-
#d4dee1
#d4dee1
rgb(212,222,225)
-
#e0e7e9
#e0e7e9
rgb(224,231,233)
-
#ebf0f1
#ebf0f1
rgb(235,240,241)
-
#f7f8f9
#f7f8f9
rgb(247,248,249)
Tones of #334348
A tone is produced by adding gray to any pure hue. In this case, #3c3e3f is the less saturated color, while #045c77 is the most saturated one.
-
#3c3e3f
#3c3e3f
rgb(60,62,63)
-
#384143
#384143
rgb(56,65,67)
-
#334348
#334348
rgb(51,67,72)
-
#2e454d
#2e454d
rgb(46,69,77)
-
#2a4851
#2a4851
rgb(42,72,81)
-
#254a56
#254a56
rgb(37,74,86)
-
#204d5b
#204d5b
rgb(32,77,91)
-
#1b4f60
#1b4f60
rgb(27,79,96)
-
#175264
#175264
rgb(23,82,100)
-
#125469
#125469
rgb(18,84,105)
-
#0d576e
#0d576e
rgb(13,87,110)
-
#085973
#085973
rgb(8,89,115)
-
#045c77
#045c77
rgb(4,92,119)
Color Blindness Simulator
Below, you can see how #334348 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.