#334784 Color Information
In a RGB color space, hex #334784 is composed of 20% red, 27.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 46.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 225.2 degrees, a saturation of 44.3% and a lightness of 35.9%. #334784 color hex could be obtained by blending #668eff with #000009. Closest websafe color is: #333399.
-
- R 20
- G 28
- B 52
-
- C 61
- M 46
- Y 0
- K 48
● #334784 color description : Dark moderate blue.
#334784 Color Conversion
The hexadecimal color #334784 has RGB values of R:51, G:71, B:132 and CMYK values of C:0.61, M:0.46, Y:0, K:0.48. Its decimal value is 3360644.
Hex triplet | 334784 | #334784 |
---|---|---|
RGB Decimal | 51, 71, 132 | rgb(51,71,132) |
RGB Percent | 20, 27.8, 51.8 | rgb(20%,27.8%,51.8%) |
CMYK | 61, 46, 0, 48 | |
HSL | 225.2°, 44.3, 35.9 | hsl(225.2,44.3%,35.9%) |
HSV (or HSB) | 225.2°, 61.4, 51.8 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.523, 12.28, -36.735 |
---|---|
XYZ | 7.782, 6.876, 22.746 |
xyY | 0.208, 0.184, 6.876 |
CIE-LCH | 31.523, 38.733, 288.484 |
CIE-LUV | 31.523, -9.869, -50.374 |
Hunter-Lab | 26.222, 7.09, -33.075 |
Binary | 00110011, 01000111, 10000100 |
Color Schemes with #334784
Alternatives to #334784
Below, you can see some colors close to #334784. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334784 Preview
This text has a font color of #334784.
<span style="color:#334784;">Text here</span>
This paragraph has a background color of #334784.
<p style="background-color:#334784;">Content here</p>
This element has a border color of #334784.
<div style="border:1px solid #334784;">Content here</div>
.text {color:#334784;}
.background {background-color:#334784;}
.border {border:1px solid #334784;}
Shades and Tints of #334784
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, #020305 is the darkest color, while #f6f7fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070a13
#070a13
rgb(7,10,19)
-
#0d1221
#0d1221
rgb(13,18,33)
-
#12192f
#12192f
rgb(18,25,47)
-
#18213d
#18213d
rgb(24,33,61)
-
#1d294b
#1d294b
rgb(29,41,75)
-
#23305a
#23305a
rgb(35,48,90)
-
#283868
#283868
rgb(40,56,104)
-
#2e3f76
#2e3f76
rgb(46,63,118)
-
#334784
#334784
rgb(51,71,132)
-
#384f92
#384f92
rgb(56,79,146)
-
#3e56a0
#3e56a0
rgb(62,86,160)
-
#435eae
#435eae
rgb(67,94,174)
-
#4c67ba
#4c67ba
rgb(76,103,186)
-
#5a73bf
#5a73bf
rgb(90,115,191)
-
#687fc5
#687fc5
rgb(104,127,197)
-
#768bca
#768bca
rgb(118,139,202)
-
#8497d0
#8497d0
rgb(132,151,208)
-
#92a3d5
#92a3d5
rgb(146,163,213)
-
#a1afdb
#a1afdb
rgb(161,175,219)
-
#afbbe0
#afbbe0
rgb(175,187,224)
-
#bdc7e5
#bdc7e5
rgb(189,199,229)
-
#cbd3eb
#cbd3eb
rgb(203,211,235)
-
#d9dff0
#d9dff0
rgb(217,223,240)
-
#e7ebf6
#e7ebf6
rgb(231,235,246)
-
#f6f7fb
#f6f7fb
rgb(246,247,251)
Tones of #334784
A tone is produced by adding gray to any pure hue. In this case, #565961 is the less saturated color, while #022eb5 is the most saturated one.
-
#565961
#565961
rgb(86,89,97)
-
#4f5568
#4f5568
rgb(79,85,104)
-
#48526f
#48526f
rgb(72,82,111)
-
#414e76
#414e76
rgb(65,78,118)
-
#3a4b7d
#3a4b7d
rgb(58,75,125)
-
#334784
#334784
rgb(51,71,132)
-
#2c438b
#2c438b
rgb(44,67,139)
-
#254092
#254092
rgb(37,64,146)
-
#1e3c99
#1e3c99
rgb(30,60,153)
-
#1739a0
#1739a0
rgb(23,57,160)
-
#1035a7
#1035a7
rgb(16,53,167)
-
#0932ae
#0932ae
rgb(9,50,174)
-
#022eb5
#022eb5
rgb(2,46,181)
Color Blindness Simulator
Below, you can see how #334784 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.