#334b74 Color Information
In a RGB color space, hex #334b74 is composed of 20% red, 29.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 35.3% magenta, 0% yellow and 54.5% black. It has a hue angle of 217.8 degrees, a saturation of 38.9% and a lightness of 32.7%. #334b74 color hex could be obtained by blending #6696e8 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 45
-
- C 56
- M 35
- Y 0
- K 55
● #334b74 color description : Dark moderate blue.
#334b74 Color Conversion
The hexadecimal color #334b74 has RGB values of R:51, G:75, B:116 and CMYK values of C:0.56, M:0.35, Y:0, K:0.55. Its decimal value is 3361652.
Hex triplet | 334b74 | #334b74 |
---|---|---|
RGB Decimal | 51, 75, 116 | rgb(51,75,116) |
RGB Percent | 20, 29.4, 45.5 | rgb(20%,29.4%,45.5%) |
CMYK | 56, 35, 0, 55 | |
HSL | 217.8°, 38.9, 32.7 | hsl(217.8,38.9%,32.7%) |
HSV (or HSB) | 217.8°, 56, 45.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 31.799, 3.882, -26.332 |
---|---|
XYZ | 7.033, 6.997, 17.502 |
xyY | 0.223, 0.222, 6.997 |
CIE-LCH | 31.799, 26.616, 278.386 |
CIE-LUV | 31.799, -11.083, -35.351 |
Hunter-Lab | 26.451, 1.172, -20.715 |
Binary | 00110011, 01001011, 01110100 |
Color Schemes with #334b74
Alternatives to #334b74
Below, you can see some colors close to #334b74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334b74 Preview
This text has a font color of #334b74.
<span style="color:#334b74;">Text here</span>
This paragraph has a background color of #334b74.
<p style="background-color:#334b74;">Content here</p>
This element has a border color of #334b74.
<div style="border:1px solid #334b74;">Content here</div>
.text {color:#334b74;}
.background {background-color:#334b74;}
.border {border:1px solid #334b74;}
Shades and Tints of #334b74
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)
-
#090d15
#090d15
rgb(9,13,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)
-
#273959
#273959
rgb(39,57,89)
-
#2d4266
#2d4266
rgb(45,66,102)
-
#334b74
#334b74
rgb(51,75,116)
-
#395482
#395482
rgb(57,84,130)
-
#3f5d8f
#3f5d8f
rgb(63,93,143)
-
#45659d
#45659d
rgb(69,101,157)
-
#4b6eab
#4b6eab
rgb(75,110,171)
-
#5578b4
#5578b4
rgb(85,120,180)
-
#6283ba
#6283ba
rgb(98,131,186)
-
#708ec0
#708ec0
rgb(112,142,192)
-
#7e98c6
#7e98c6
rgb(126,152,198)
-
#8ba3cc
#8ba3cc
rgb(139,163,204)
-
#99aed2
#99aed2
rgb(153,174,210)
-
#a7b9d8
#a7b9d8
rgb(167,185,216)
-
#b4c4de
#b4c4de
rgb(180,196,222)
-
#c2cfe4
#c2cfe4
rgb(194,207,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 #334b74
A tone is produced by adding gray to any pure hue. In this case, #535354 is the less saturated color, while #063fa1 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)
-
#394d6e
#394d6e
rgb(57,77,110)
-
#334b74
#334b74
rgb(51,75,116)
-
#2d497a
#2d497a
rgb(45,73,122)
-
#264881
#264881
rgb(38,72,129)
-
#204687
#204687
rgb(32,70,135)
-
#19448e
#19448e
rgb(25,68,142)
-
#134394
#134394
rgb(19,67,148)
-
#0c419b
#0c419b
rgb(12,65,155)
-
#063fa1
#063fa1
rgb(6,63,161)
Color Blindness Simulator
Below, you can see how #334b74 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.