#334474 Color Information
In a RGB color space, hex #334474 is composed of 20% red, 26.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 41.4% magenta, 0% yellow and 54.5% black. It has a hue angle of 224.3 degrees, a saturation of 38.9% and a lightness of 32.7%. #334474 color hex could be obtained by blending #6688e8 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 27
- B 45
-
- C 56
- M 41
- Y 0
- K 55
● #334474 color description : Dark moderate blue.
#334474 Color Conversion
The hexadecimal color #334474 has RGB values of R:51, G:68, B:116 and CMYK values of C:0.56, M:0.41, Y:0, K:0.55. Its decimal value is 3359860.
Hex triplet | 334474 | #334474 |
---|---|---|
RGB Decimal | 51, 68, 116 | rgb(51,68,116) |
RGB Percent | 20, 26.7, 45.5 | rgb(20%,26.7%,45.5%) |
CMYK | 56, 41, 0, 55 | |
HSL | 224.3°, 38.9, 32.7 | hsl(224.3,38.9%,32.7%) |
HSV (or HSB) | 224.3°, 56, 45.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 29.66, 8.536, -29.709 |
---|---|
XYZ | 6.584, 6.099, 17.352 |
xyY | 0.219, 0.203, 6.099 |
CIE-LCH | 29.66, 30.911, 286.031 |
CIE-LUV | 29.66, -8.639, -39.603 |
Hunter-Lab | 24.696, 4.373, -24.373 |
Binary | 00110011, 01000100, 01110100 |
Color Schemes with #334474
Alternatives to #334474
Below, you can see some colors close to #334474. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334474 Preview
This text has a font color of #334474.
<span style="color:#334474;">Text here</span>
This paragraph has a background color of #334474.
<p style="background-color:#334474;">Content here</p>
This element has a border color of #334474.
<div style="border:1px solid #334474;">Content here</div>
.text {color:#334474;}
.background {background-color:#334474;}
.border {border:1px solid #334474;}
Shades and Tints of #334474
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 #f8f9fc is the lightest one.
-
#030407
#030407
rgb(3,4,7)
-
#090c15
#090c15
rgb(9,12,21)
-
#0f1422
#0f1422
rgb(15,20,34)
-
#151c30
#151c30
rgb(21,28,48)
-
#1b243d
#1b243d
rgb(27,36,61)
-
#212c4b
#212c4b
rgb(33,44,75)
-
#273459
#273459
rgb(39,52,89)
-
#2d3c66
#2d3c66
rgb(45,60,102)
-
#334474
#334474
rgb(51,68,116)
-
#394c82
#394c82
rgb(57,76,130)
-
#3f548f
#3f548f
rgb(63,84,143)
-
#455c9d
#455c9d
rgb(69,92,157)
-
#4b64ab
#4b64ab
rgb(75,100,171)
-
#556eb4
#556eb4
rgb(85,110,180)
-
#6279ba
#6279ba
rgb(98,121,186)
-
#7085c0
#7085c0
rgb(112,133,192)
-
#7e91c6
#7e91c6
rgb(126,145,198)
-
#8b9ccc
#8b9ccc
rgb(139,156,204)
-
#99a8d2
#99a8d2
rgb(153,168,210)
-
#a7b4d8
#a7b4d8
rgb(167,180,216)
-
#b4bfde
#b4bfde
rgb(180,191,222)
-
#c2cbe4
#c2cbe4
rgb(194,203,228)
-
#cfd6ea
#cfd6ea
rgb(207,214,234)
-
#dde2f0
#dde2f0
rgb(221,226,240)
-
#ebeef6
#ebeef6
rgb(235,238,246)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #334474
A tone is produced by adding gray to any pure hue. In this case, #535354 is the less saturated color, while #062fa1 is the most saturated one.
-
#535354
#535354
rgb(83,83,84)
-
#4d505a
#4d505a
rgb(77,80,90)
-
#464d61
#464d61
rgb(70,77,97)
-
#404a67
#404a67
rgb(64,74,103)
-
#39476e
#39476e
rgb(57,71,110)
-
#334474
#334474
rgb(51,68,116)
-
#2d417a
#2d417a
rgb(45,65,122)
-
#263e81
#263e81
rgb(38,62,129)
-
#203b87
#203b87
rgb(32,59,135)
-
#19388e
#19388e
rgb(25,56,142)
-
#133594
#133594
rgb(19,53,148)
-
#0c329b
#0c329b
rgb(12,50,155)
-
#062fa1
#062fa1
rgb(6,47,161)
Color Blindness Simulator
Below, you can see how #334474 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.