#334a74 Color Information
In a RGB color space, hex #334a74 is composed of 20% red, 29% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 36.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 218.8 degrees, a saturation of 38.9% and a lightness of 32.7%. #334a74 color hex could be obtained by blending #6694e8 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 45
-
- C 56
- M 36
- Y 0
- K 55
● #334a74 color description : Dark moderate blue.
#334a74 Color Conversion
The hexadecimal color #334a74 has RGB values of R:51, G:74, B:116 and CMYK values of C:0.56, M:0.36, Y:0, K:0.55. Its decimal value is 3361396.
Hex triplet | 334a74 | #334a74 |
---|---|---|
RGB Decimal | 51, 74, 116 | rgb(51,74,116) |
RGB Percent | 20, 29, 45.5 | rgb(20%,29%,45.5%) |
CMYK | 56, 36, 0, 55 | |
HSL | 218.8°, 38.9, 32.7 | hsl(218.8,38.9%,32.7%) |
HSV (or HSB) | 218.8°, 56, 45.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 31.491, 4.54, -26.817 |
---|---|
XYZ | 6.966, 6.862, 17.479 |
xyY | 0.222, 0.219, 6.862 |
CIE-LCH | 31.491, 27.199, 279.608 |
CIE-LUV | 31.491, -10.726, -35.984 |
Hunter-Lab | 26.195, 1.624, -21.226 |
Binary | 00110011, 01001010, 01110100 |
Color Schemes with #334a74
Alternatives to #334a74
Below, you can see some colors close to #334a74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334a74 Preview
This text has a font color of #334a74.
<span style="color:#334a74;">Text here</span>
This paragraph has a background color of #334a74.
<p style="background-color:#334a74;">Content here</p>
This element has a border color of #334a74.
<div style="border:1px solid #334a74;">Content here</div>
.text {color:#334a74;}
.background {background-color:#334a74;}
.border {border:1px solid #334a74;}
Shades and Tints of #334a74
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, #030407 is the darkest color, while #f8fafc is the lightest one.
-
#030407
#030407
rgb(3,4,7)
-
#090d15
#090d15
rgb(9,13,21)
-
#0f1622
#0f1622
rgb(15,22,34)
-
#151f30
#151f30
rgb(21,31,48)
-
#1b273d
#1b273d
rgb(27,39,61)
-
#21304b
#21304b
rgb(33,48,75)
-
#273959
#273959
rgb(39,57,89)
-
#2d4166
#2d4166
rgb(45,65,102)
-
#334a74
#334a74
rgb(51,74,116)
-
#395382
#395382
rgb(57,83,130)
-
#3f5b8f
#3f5b8f
rgb(63,91,143)
-
#45649d
#45649d
rgb(69,100,157)
-
#4b6dab
#4b6dab
rgb(75,109,171)
-
#5577b4
#5577b4
rgb(85,119,180)
-
#6282ba
#6282ba
rgb(98,130,186)
-
#708cc0
#708cc0
rgb(112,140,192)
-
#7e97c6
#7e97c6
rgb(126,151,198)
-
#8ba2cc
#8ba2cc
rgb(139,162,204)
-
#99add2
#99add2
rgb(153,173,210)
-
#a7b8d8
#a7b8d8
rgb(167,184,216)
-
#b4c3de
#b4c3de
rgb(180,195,222)
-
#c2cee4
#c2cee4
rgb(194,206,228)
-
#cfd9ea
#cfd9ea
rgb(207,217,234)
-
#dde4f0
#dde4f0
rgb(221,228,240)
-
#ebeff6
#ebeff6
rgb(235,239,246)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #334a74
A tone is produced by adding gray to any pure hue. In this case, #535354 is the less saturated color, while #063da1 is the most saturated one.
-
#535354
#535354
rgb(83,83,84)
-
#4d525a
#4d525a
rgb(77,82,90)
-
#465061
#465061
rgb(70,80,97)
-
#404e67
#404e67
rgb(64,78,103)
-
#394c6e
#394c6e
rgb(57,76,110)
-
#334a74
#334a74
rgb(51,74,116)
-
#2d487a
#2d487a
rgb(45,72,122)
-
#264681
#264681
rgb(38,70,129)
-
#204487
#204487
rgb(32,68,135)
-
#19428e
#19428e
rgb(25,66,142)
-
#134194
#134194
rgb(19,65,148)
-
#0c3f9b
#0c3f9b
rgb(12,63,155)
-
#063da1
#063da1
rgb(6,61,161)
Color Blindness Simulator
Below, you can see how #334a74 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.