#334648 Color Information
In a RGB color space, hex #334648 is composed of 20% red, 27.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 2.8% magenta, 0% yellow and 71.8% black. It has a hue angle of 185.7 degrees, a saturation of 17.1% and a lightness of 24.1%. #334648 color hex could be obtained by blending #668c90 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 27
- B 28
-
- C 29
- M 3
- Y 0
- K 72
● #334648 color description : Very dark grayish cyan.
#334648 Color Conversion
The hexadecimal color #334648 has RGB values of R:51, G:70, B:72 and CMYK values of C:0.29, M:0.03, Y:0, K:0.72. Its decimal value is 3360328.
Hex triplet | 334648 | #334648 |
---|---|---|
RGB Decimal | 51, 70, 72 | rgb(51,70,72) |
RGB Percent | 20, 27.5, 28.2 | rgb(20%,27.5%,28.2%) |
CMYK | 29, 3, 0, 72 | |
HSL | 185.7°, 17.1, 24.1 | hsl(185.7,17.1%,24.1%) |
HSV (or HSB) | 185.7°, 29.2, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 28.252, -6.898, -3.644 |
---|---|
XYZ | 4.725, 5.552, 6.953 |
xyY | 0.274, 0.322, 5.552 |
CIE-LCH | 28.252, 7.801, 207.847 |
CIE-LUV | 28.252, -8.9, -3.433 |
Hunter-Lab | 23.562, -5.441, -1.003 |
Binary | 00110011, 01000110, 01001000 |
Color Schemes with #334648
Alternatives to #334648
Below, you can see some colors close to #334648. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334648 Preview
This text has a font color of #334648.
<span style="color:#334648;">Text here</span>
This paragraph has a background color of #334648.
<p style="background-color:#334648;">Content here</p>
This element has a border color of #334648.
<div style="border:1px solid #334648;">Content here</div>
.text {color:#334648;}
.background {background-color:#334648;}
.border {border:1px solid #334648;}
Shades and Tints of #334648
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)
-
#1b2526
#1b2526
rgb(27,37,38)
-
#233031
#233031
rgb(35,48,49)
-
#2b3b3d
#2b3b3d
rgb(43,59,61)
-
#334648
#334648
rgb(51,70,72)
-
#3b5153
#3b5153
rgb(59,81,83)
-
#435c5f
#435c5f
rgb(67,92,95)
-
#4b676a
#4b676a
rgb(75,103,106)
-
#547376
#547376
rgb(84,115,118)
-
#5c7e81
#5c7e81
rgb(92,126,129)
-
#64898d
#64898d
rgb(100,137,141)
-
#6d9397
#6d9397
rgb(109,147,151)
-
#789ca0
#789ca0
rgb(120,156,160)
-
#84a4a8
#84a4a8
rgb(132,164,168)
-
#8fadb0
#8fadb0
rgb(143,173,176)
-
#9bb5b8
#9bb5b8
rgb(155,181,184)
-
#a6bec0
#a6bec0
rgb(166,190,192)
-
#b2c6c8
#b2c6c8
rgb(178,198,200)
-
#bdcfd0
#bdcfd0
rgb(189,207,208)
-
#c9d7d9
#c9d7d9
rgb(201,215,217)
-
#d4dfe1
#d4dfe1
rgb(212,223,225)
-
#e0e8e9
#e0e8e9
rgb(224,232,233)
-
#ebf0f1
#ebf0f1
rgb(235,240,241)
-
#f7f9f9
#f7f9f9
rgb(247,249,249)
Tones of #334648
A tone is produced by adding gray to any pure hue. In this case, #3c3e3f is the less saturated color, while #046c77 is the most saturated one.
-
#3c3e3f
#3c3e3f
rgb(60,62,63)
-
#384243
#384243
rgb(56,66,67)
-
#334648
#334648
rgb(51,70,72)
-
#2e4a4d
#2e4a4d
rgb(46,74,77)
-
#2a4e51
#2a4e51
rgb(42,78,81)
-
#255156
#255156
rgb(37,81,86)
-
#20555b
#20555b
rgb(32,85,91)
-
#1b5960
#1b5960
rgb(27,89,96)
-
#175d64
#175d64
rgb(23,93,100)
-
#126169
#126169
rgb(18,97,105)
-
#0d656e
#0d656e
rgb(13,101,110)
-
#086873
#086873
rgb(8,104,115)
-
#046c77
#046c77
rgb(4,108,119)
Color Blindness Simulator
Below, you can see how #334648 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.