#334158 Color Information
In a RGB color space, hex #334158 is composed of 20% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 26.1% magenta, 0% yellow and 65.5% black. It has a hue angle of 217.3 degrees, a saturation of 26.6% and a lightness of 27.3%. #334158 color hex could be obtained by blending #6682b0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 35
-
- C 42
- M 26
- Y 0
- K 65
● #334158 color description : Very dark desaturated blue.
#334158 Color Conversion
The hexadecimal color #334158 has RGB values of R:51, G:65, B:88 and CMYK values of C:0.42, M:0.26, Y:0, K:0.65. Its decimal value is 3359064.
Hex triplet | 334158 | #334158 |
---|---|---|
RGB Decimal | 51, 65, 88 | rgb(51,65,88) |
RGB Percent | 20, 25.5, 34.5 | rgb(20%,25.5%,34.5%) |
CMYK | 42, 26, 0, 65 | |
HSL | 217.3°, 26.6, 27.3 | hsl(217.3,26.6%,27.3%) |
HSV (or HSB) | 217.3°, 42, 34.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.266, 1.063, -15.546 |
---|---|
XYZ | 5.017, 5.189, 9.969 |
xyY | 0.249, 0.257, 5.189 |
CIE-LCH | 27.266, 15.582, 273.911 |
CIE-LUV | 27.266, -7.046, -19.203 |
Hunter-Lab | 22.779, -0.552, -10.003 |
Binary | 00110011, 01000001, 01011000 |
Color Schemes with #334158
Alternatives to #334158
Below, you can see some colors close to #334158. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334158 Preview
This text has a font color of #334158.
<span style="color:#334158;">Text here</span>
This paragraph has a background color of #334158.
<p style="background-color:#334158;">Content here</p>
This element has a border color of #334158.
<div style="border:1px solid #334158;">Content here</div>
.text {color:#334158;}
.background {background-color:#334158;}
.border {border:1px solid #334158;}
Shades and Tints of #334158
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 #f4f5f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#080a0d
#080a0d
rgb(8,10,13)
-
#0f131a
#0f131a
rgb(15,19,26)
-
#161c26
#161c26
rgb(22,28,38)
-
#1d2533
#1d2533
rgb(29,37,51)
-
#252f3f
#252f3f
rgb(37,47,63)
-
#2c384c
#2c384c
rgb(44,56,76)
-
#334158
#334158
rgb(51,65,88)
-
#3a4a64
#3a4a64
rgb(58,74,100)
-
#415371
#415371
rgb(65,83,113)
-
#495d7d
#495d7d
rgb(73,93,125)
-
#50668a
#50668a
rgb(80,102,138)
-
#576f96
#576f96
rgb(87,111,150)
-
#5f78a2
#5f78a2
rgb(95,120,162)
-
#6b83a9
#6b83a9
rgb(107,131,169)
-
#778db0
#778db0
rgb(119,141,176)
-
#8497b8
#8497b8
rgb(132,151,184)
-
#90a2bf
#90a2bf
rgb(144,162,191)
-
#9dacc6
#9dacc6
rgb(157,172,198)
-
#a9b7cd
#a9b7cd
rgb(169,183,205)
-
#b6c1d4
#b6c1d4
rgb(182,193,212)
-
#c2ccdc
#c2ccdc
rgb(194,204,220)
-
#ced6e3
#ced6e3
rgb(206,214,227)
-
#dbe1ea
#dbe1ea
rgb(219,225,234)
-
#e7ebf1
#e7ebf1
rgb(231,235,241)
-
#f4f5f8
#f4f5f8
rgb(244,245,248)
Tones of #334158
A tone is produced by adding gray to any pure hue. In this case, #434548 is the less saturated color, while #033588 is the most saturated one.
-
#434548
#434548
rgb(67,69,72)
-
#3e444d
#3e444d
rgb(62,68,77)
-
#384253
#384253
rgb(56,66,83)
-
#334158
#334158
rgb(51,65,88)
-
#2e405d
#2e405d
rgb(46,64,93)
-
#283e63
#283e63
rgb(40,62,99)
-
#233d68
#233d68
rgb(35,61,104)
-
#1e3c6d
#1e3c6d
rgb(30,60,109)
-
#183a73
#183a73
rgb(24,58,115)
-
#133978
#133978
rgb(19,57,120)
-
#0e387d
#0e387d
rgb(14,56,125)
-
#083783
#083783
rgb(8,55,131)
-
#033588
#033588
rgb(3,53,136)
Color Blindness Simulator
Below, you can see how #334158 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.