#334a56 Color Information
In a RGB color space, hex #334a56 is composed of 20% red, 29% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 14% magenta, 0% yellow and 66.3% black. It has a hue angle of 200.6 degrees, a saturation of 25.5% and a lightness of 26.9%. #334a56 color hex could be obtained by blending #6694ac with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 34
-
- C 41
- M 14
- Y 0
- K 66
● #334a56 color description : Very dark desaturated blue.
#334a56 Color Conversion
The hexadecimal color #334a56 has RGB values of R:51, G:74, B:86 and CMYK values of C:0.41, M:0.14, Y:0, K:0.66. Its decimal value is 3361366.
Hex triplet | 334a56 | #334a56 |
---|---|---|
RGB Decimal | 51, 74, 86 | rgb(51,74,86) |
RGB Percent | 20, 29, 33.7 | rgb(20%,29%,33.7%) |
CMYK | 41, 14, 0, 66 | |
HSL | 200.6°, 25.5, 26.9 | hsl(200.6,25.5%,26.9%) |
HSV (or HSB) | 200.6°, 40.7, 33.7 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.091, -5.352, -9.933 |
---|---|
XYZ | 5.493, 6.273, 9.725 |
xyY | 0.256, 0.292, 6.273 |
CIE-LCH | 30.091, 11.283, 241.685 |
CIE-LUV | 30.091, -10.637, -11.689 |
Hunter-Lab | 25.046, -4.68, -5.489 |
Binary | 00110011, 01001010, 01010110 |
Color Schemes with #334a56
Alternatives to #334a56
Below, you can see some colors close to #334a56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334a56 Preview
This text has a font color of #334a56.
<span style="color:#334a56;">Text here</span>
This paragraph has a background color of #334a56.
<p style="background-color:#334a56;">Content here</p>
This element has a border color of #334a56.
<div style="border:1px solid #334a56;">Content here</div>
.text {color:#334a56;}
.background {background-color:#334a56;}
.border {border:1px solid #334a56;}
Shades and Tints of #334a56
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, #070a0c is the darkest color, while #ffffff is the lightest one.
-
#070a0c
#070a0c
rgb(7,10,12)
-
#0e1518
#0e1518
rgb(14,21,24)
-
#162025
#162025
rgb(22,32,37)
-
#1d2a31
#1d2a31
rgb(29,42,49)
-
#24353d
#24353d
rgb(36,53,61)
-
#2c3f4a
#2c3f4a
rgb(44,63,74)
-
#334a56
#334a56
rgb(51,74,86)
-
#3a5562
#3a5562
rgb(58,85,98)
-
#425f6f
#425f6f
rgb(66,95,111)
-
#496a7b
#496a7b
rgb(73,106,123)
-
#507487
#507487
rgb(80,116,135)
-
#587f94
#587f94
rgb(88,127,148)
-
#5f8aa0
#5f8aa0
rgb(95,138,160)
-
#6b93a7
#6b93a7
rgb(107,147,167)
-
#779caf
#779caf
rgb(119,156,175)
-
#84a5b6
#84a5b6
rgb(132,165,182)
-
#90aebd
#90aebd
rgb(144,174,189)
-
#9cb7c4
#9cb7c4
rgb(156,183,196)
-
#a9c0cc
#a9c0cc
rgb(169,192,204)
-
#b5c9d3
#b5c9d3
rgb(181,201,211)
-
#c1d2da
#c1d2da
rgb(193,210,218)
-
#cedbe2
#cedbe2
rgb(206,219,226)
-
#dae4e9
#dae4e9
rgb(218,228,233)
-
#e6edf0
#e6edf0
rgb(230,237,240)
-
#f2f6f8
#f2f6f8
rgb(242,246,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #334a56
A tone is produced by adding gray to any pure hue. In this case, #434546 is the less saturated color, while #045985 is the most saturated one.
-
#434546
#434546
rgb(67,69,70)
-
#3e474b
#3e474b
rgb(62,71,75)
-
#384851
#384851
rgb(56,72,81)
-
#334a56
#334a56
rgb(51,74,86)
-
#2e4c5b
#2e4c5b
rgb(46,76,91)
-
#284d61
#284d61
rgb(40,77,97)
-
#234f66
#234f66
rgb(35,79,102)
-
#1e516b
#1e516b
rgb(30,81,107)
-
#195270
#195270
rgb(25,82,112)
-
#135476
#135476
rgb(19,84,118)
-
#0e567b
#0e567b
rgb(14,86,123)
-
#095780
#095780
rgb(9,87,128)
-
#045985
#045985
rgb(4,89,133)
Color Blindness Simulator
Below, you can see how #334a56 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.