#334c74 Color Information
In a RGB color space, hex #334c74 is composed of 20% red, 29.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 34.5% magenta, 0% yellow and 54.5% black. It has a hue angle of 216.9 degrees, a saturation of 38.9% and a lightness of 32.7%. #334c74 color hex could be obtained by blending #6698e8 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 30
- B 45
-
- C 56
- M 34
- Y 0
- K 55
● #334c74 color description : Dark moderate blue.
#334c74 Color Conversion
The hexadecimal color #334c74 has RGB values of R:51, G:76, B:116 and CMYK values of C:0.56, M:0.34, Y:0, K:0.55. Its decimal value is 3361908.
Hex triplet | 334c74 | #334c74 |
---|---|---|
RGB Decimal | 51, 76, 116 | rgb(51,76,116) |
RGB Percent | 20, 29.8, 45.5 | rgb(20%,29.8%,45.5%) |
CMYK | 56, 34, 0, 55 | |
HSL | 216.9°, 38.9, 32.7 | hsl(216.9,38.9%,32.7%) |
HSV (or HSB) | 216.9°, 56, 45.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 32.108, 3.226, -25.846 |
---|---|
XYZ | 7.101, 7.133, 17.525 |
xyY | 0.224, 0.225, 7.133 |
CIE-LCH | 32.108, 26.046, 277.115 |
CIE-LUV | 32.108, -11.443, -34.711 |
Hunter-Lab | 26.708, 0.722, -20.208 |
Binary | 00110011, 01001100, 01110100 |
Color Schemes with #334c74
Alternatives to #334c74
Below, you can see some colors close to #334c74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334c74 Preview
This text has a font color of #334c74.
<span style="color:#334c74;">Text here</span>
This paragraph has a background color of #334c74.
<p style="background-color:#334c74;">Content here</p>
This element has a border color of #334c74.
<div style="border:1px solid #334c74;">Content here</div>
.text {color:#334c74;}
.background {background-color:#334c74;}
.border {border:1px solid #334c74;}
Shades and Tints of #334c74
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, #030507 is the darkest color, while #f8fafc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#090e15
#090e15
rgb(9,14,21)
-
#0f1622
#0f1622
rgb(15,22,34)
-
#151f30
#151f30
rgb(21,31,48)
-
#1b283d
#1b283d
rgb(27,40,61)
-
#21314b
#21314b
rgb(33,49,75)
-
#273a59
#273a59
rgb(39,58,89)
-
#2d4366
#2d4366
rgb(45,67,102)
-
#334c74
#334c74
rgb(51,76,116)
-
#395582
#395582
rgb(57,85,130)
-
#3f5e8f
#3f5e8f
rgb(63,94,143)
-
#45679d
#45679d
rgb(69,103,157)
-
#4b70ab
#4b70ab
rgb(75,112,171)
-
#557ab4
#557ab4
rgb(85,122,180)
-
#6284ba
#6284ba
rgb(98,132,186)
-
#708fc0
#708fc0
rgb(112,143,192)
-
#7e9ac6
#7e9ac6
rgb(126,154,198)
-
#8ba4cc
#8ba4cc
rgb(139,164,204)
-
#99afd2
#99afd2
rgb(153,175,210)
-
#a7bad8
#a7bad8
rgb(167,186,216)
-
#b4c4de
#b4c4de
rgb(180,196,222)
-
#c2cfe4
#c2cfe4
rgb(194,207,228)
-
#cfdaea
#cfdaea
rgb(207,218,234)
-
#dde4f0
#dde4f0
rgb(221,228,240)
-
#ebeff6
#ebeff6
rgb(235,239,246)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #334c74
A tone is produced by adding gray to any pure hue. In this case, #535354 is the less saturated color, while #0642a1 is the most saturated one.
-
#535354
#535354
rgb(83,83,84)
-
#4d525a
#4d525a
rgb(77,82,90)
-
#465061
#465061
rgb(70,80,97)
-
#404f67
#404f67
rgb(64,79,103)
-
#394d6e
#394d6e
rgb(57,77,110)
-
#334c74
#334c74
rgb(51,76,116)
-
#2d4b7a
#2d4b7a
rgb(45,75,122)
-
#264981
#264981
rgb(38,73,129)
-
#204887
#204887
rgb(32,72,135)
-
#19468e
#19468e
rgb(25,70,142)
-
#134594
#134594
rgb(19,69,148)
-
#0c439b
#0c439b
rgb(12,67,155)
-
#0642a1
#0642a1
rgb(6,66,161)
Color Blindness Simulator
Below, you can see how #334c74 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.