#334683 Color Information
In a RGB color space, hex #334683 is composed of 20% red, 27.5% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 46.6% magenta, 0% yellow and 48.6% black. It has a hue angle of 225.8 degrees, a saturation of 44% and a lightness of 35.7%. #334683 color hex could be obtained by blending #668cff with #000007. Closest websafe color is: #333399.
-
- R 20
- G 27
- B 51
-
- C 61
- M 47
- Y 0
- K 49
● #334683 color description : Dark moderate blue.
#334683 Color Conversion
The hexadecimal color #334683 has RGB values of R:51, G:70, B:131 and CMYK values of C:0.61, M:0.47, Y:0, K:0.49. Its decimal value is 3360387.
Hex triplet | 334683 | #334683 |
---|---|---|
RGB Decimal | 51, 70, 131 | rgb(51,70,131) |
RGB Percent | 20, 27.5, 51.4 | rgb(20%,27.5%,51.4%) |
CMYK | 61, 47, 0, 49 | |
HSL | 225.8°, 44, 35.7 | hsl(225.8,44%,35.7%) |
HSV (or HSB) | 225.8°, 61.1, 51.4 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.166, 12.588, -36.685 |
---|---|
XYZ | 7.651, 6.722, 22.366 |
xyY | 0.208, 0.183, 6.722 |
CIE-LCH | 31.166, 38.784, 288.938 |
CIE-LUV | 31.166, -9.536, -50.145 |
Hunter-Lab | 25.928, 7.302, -32.996 |
Binary | 00110011, 01000110, 10000011 |
Color Schemes with #334683
Alternatives to #334683
Below, you can see some colors close to #334683. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334683 Preview
This text has a font color of #334683.
<span style="color:#334683;">Text here</span>
This paragraph has a background color of #334683.
<p style="background-color:#334683;">Content here</p>
This element has a border color of #334683.
<div style="border:1px solid #334683;">Content here</div>
.text {color:#334683;}
.background {background-color:#334683;}
.border {border:1px solid #334683;}
Shades and Tints of #334683
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, #020204 is the darkest color, while #f5f6fb is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#070a12
#070a12
rgb(7,10,18)
-
#0d1120
#0d1120
rgb(13,17,32)
-
#12192e
#12192e
rgb(18,25,46)
-
#18203c
#18203c
rgb(24,32,60)
-
#1d284b
#1d284b
rgb(29,40,75)
-
#232f59
#232f59
rgb(35,47,89)
-
#283767
#283767
rgb(40,55,103)
-
#2e3e75
#2e3e75
rgb(46,62,117)
-
#334683
#334683
rgb(51,70,131)
-
#384e91
#384e91
rgb(56,78,145)
-
#3e559f
#3e559f
rgb(62,85,159)
-
#435dad
#435dad
rgb(67,93,173)
-
#4b65b9
#4b65b9
rgb(75,101,185)
-
#5a72bf
#5a72bf
rgb(90,114,191)
-
#687ec4
#687ec4
rgb(104,126,196)
-
#768aca
#768aca
rgb(118,138,202)
-
#8496cf
#8496cf
rgb(132,150,207)
-
#92a2d5
#92a2d5
rgb(146,162,213)
-
#a0aeda
#a0aeda
rgb(160,174,218)
-
#aebae0
#aebae0
rgb(174,186,224)
-
#bcc6e5
#bcc6e5
rgb(188,198,229)
-
#cad2eb
#cad2eb
rgb(202,210,235)
-
#d9def0
#d9def0
rgb(217,222,240)
-
#e7eaf6
#e7eaf6
rgb(231,234,246)
-
#f5f6fb
#f5f6fb
rgb(245,246,251)
Tones of #334683
A tone is produced by adding gray to any pure hue. In this case, #565860 is the less saturated color, while #022cb4 is the most saturated one.
-
#565860
#565860
rgb(86,88,96)
-
#4f5567
#4f5567
rgb(79,85,103)
-
#48516e
#48516e
rgb(72,81,110)
-
#414d75
#414d75
rgb(65,77,117)
-
#3a4a7c
#3a4a7c
rgb(58,74,124)
-
#334683
#334683
rgb(51,70,131)
-
#2c428a
#2c428a
rgb(44,66,138)
-
#253f91
#253f91
rgb(37,63,145)
-
#1e3b98
#1e3b98
rgb(30,59,152)
-
#17379f
#17379f
rgb(23,55,159)
-
#1034a6
#1034a6
rgb(16,52,166)
-
#0930ad
#0930ad
rgb(9,48,173)
-
#022cb4
#022cb4
rgb(2,44,180)
Color Blindness Simulator
Below, you can see how #334683 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.