#334b58 Color Information
In a RGB color space, hex #334b58 is composed of 20% red, 29.4% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 14.8% magenta, 0% yellow and 65.5% black. It has a hue angle of 201.1 degrees, a saturation of 26.6% and a lightness of 27.3%. #334b58 color hex could be obtained by blending #6696b0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 35
-
- C 42
- M 15
- Y 0
- K 65
● #334b58 color description : Very dark desaturated blue.
#334b58 Color Conversion
The hexadecimal color #334b58 has RGB values of R:51, G:75, B:88 and CMYK values of C:0.42, M:0.15, Y:0, K:0.65. Its decimal value is 3361624.
Hex triplet | 334b58 | #334b58 |
---|---|---|
RGB Decimal | 51, 75, 88 | rgb(51,75,88) |
RGB Percent | 20, 29.4, 34.5 | rgb(20%,29.4%,34.5%) |
CMYK | 42, 15, 0, 65 | |
HSL | 201.1°, 26.6, 27.3 | hsl(201.1,26.6%,27.3%) |
HSV (or HSB) | 201.1°, 42, 34.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.497, -5.37, -10.599 |
---|---|
XYZ | 5.642, 6.44, 10.178 |
xyY | 0.253, 0.289, 6.44 |
CIE-LCH | 30.497, 11.882, 243.133 |
CIE-LUV | 30.497, -11.047, -12.61 |
Hunter-Lab | 25.378, -4.724, -6.014 |
Binary | 00110011, 01001011, 01011000 |
Color Schemes with #334b58
Alternatives to #334b58
Below, you can see some colors close to #334b58. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334b58 Preview
This text has a font color of #334b58.
<span style="color:#334b58;">Text here</span>
This paragraph has a background color of #334b58.
<p style="background-color:#334b58;">Content here</p>
This element has a border color of #334b58.
<div style="border:1px solid #334b58;">Content here</div>
.text {color:#334b58;}
.background {background-color:#334b58;}
.border {border:1px solid #334b58;}
Shades and Tints of #334b58
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, #010101 is the darkest color, while #f4f7f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#080b0d
#080b0d
rgb(8,11,13)
-
#0f161a
#0f161a
rgb(15,22,26)
-
#162126
#162126
rgb(22,33,38)
-
#1d2b33
#1d2b33
rgb(29,43,51)
-
#25363f
#25363f
rgb(37,54,63)
-
#2c404c
#2c404c
rgb(44,64,76)
-
#334b58
#334b58
rgb(51,75,88)
-
#3a5664
#3a5664
rgb(58,86,100)
-
#416071
#416071
rgb(65,96,113)
-
#496b7d
#496b7d
rgb(73,107,125)
-
#50758a
#50758a
rgb(80,117,138)
-
#578096
#578096
rgb(87,128,150)
-
#5f8aa2
#5f8aa2
rgb(95,138,162)
-
#6b93a9
#6b93a9
rgb(107,147,169)
-
#779cb0
#779cb0
rgb(119,156,176)
-
#84a5b8
#84a5b8
rgb(132,165,184)
-
#90aebf
#90aebf
rgb(144,174,191)
-
#9db8c6
#9db8c6
rgb(157,184,198)
-
#a9c1cd
#a9c1cd
rgb(169,193,205)
-
#b6cad4
#b6cad4
rgb(182,202,212)
-
#c2d3dc
#c2d3dc
rgb(194,211,220)
-
#cedce3
#cedce3
rgb(206,220,227)
-
#dbe5ea
#dbe5ea
rgb(219,229,234)
-
#e7eef1
#e7eef1
rgb(231,238,241)
-
#f4f7f8
#f4f7f8
rgb(244,247,248)
Tones of #334b58
A tone is produced by adding gray to any pure hue. In this case, #434648 is the less saturated color, while #035988 is the most saturated one.
-
#434648
#434648
rgb(67,70,72)
-
#3e484d
#3e484d
rgb(62,72,77)
-
#384953
#384953
rgb(56,73,83)
-
#334b58
#334b58
rgb(51,75,88)
-
#2e4d5d
#2e4d5d
rgb(46,77,93)
-
#284e63
#284e63
rgb(40,78,99)
-
#235068
#235068
rgb(35,80,104)
-
#1e516d
#1e516d
rgb(30,81,109)
-
#185373
#185373
rgb(24,83,115)
-
#135578
#135578
rgb(19,85,120)
-
#0e567d
#0e567d
rgb(14,86,125)
-
#085883
#085883
rgb(8,88,131)
-
#035988
#035988
rgb(3,89,136)
Color Blindness Simulator
Below, you can see how #334b58 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.