#334685 Color Information
In a RGB color space, hex #334685 is composed of 20% red, 27.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 47.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 226.1 degrees, a saturation of 44.6% and a lightness of 36.1%. #334685 color hex could be obtained by blending #668cff with #00000b. Closest websafe color is: #333399.
-
- R 20
- G 27
- B 52
-
- C 62
- M 47
- Y 0
- K 48
● #334685 color description : Dark moderate blue.
#334685 Color Conversion
The hexadecimal color #334685 has RGB values of R:51, G:70, B:133 and CMYK values of C:0.62, M:0.47, Y:0, K:0.48. Its decimal value is 3360389.
Hex triplet | 334685 | #334685 |
---|---|---|
RGB Decimal | 51, 70, 133 | rgb(51,70,133) |
RGB Percent | 20, 27.5, 52.2 | rgb(20%,27.5%,52.2%) |
CMYK | 62, 47, 0, 48 | |
HSL | 226.1°, 44.6, 36.1 | hsl(226.1,44.6%,36.1%) |
HSV (or HSB) | 226.1°, 61.7, 52.2 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.294, 13.317, -37.719 |
---|---|
XYZ | 7.788, 6.777, 23.087 |
xyY | 0.207, 0.18, 6.777 |
CIE-LCH | 31.294, 40.001, 289.446 |
CIE-LUV | 31.294, -9.567, -51.676 |
Hunter-Lab | 26.033, 7.843, -34.357 |
Binary | 00110011, 01000110, 10000101 |
Color Schemes with #334685
Alternatives to #334685
Below, you can see some colors close to #334685. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334685 Preview
This text has a font color of #334685.
<span style="color:#334685;">Text here</span>
This paragraph has a background color of #334685.
<p style="background-color:#334685;">Content here</p>
This element has a border color of #334685.
<div style="border:1px solid #334685;">Content here</div>
.text {color:#334685;}
.background {background-color:#334685;}
.border {border:1px solid #334685;}
Shades and Tints of #334685
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 #f6f7fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#080a14
#080a14
rgb(8,10,20)
-
#0d1222
#0d1222
rgb(13,18,34)
-
#121930
#121930
rgb(18,25,48)
-
#18213e
#18213e
rgb(24,33,62)
-
#1d284c
#1d284c
rgb(29,40,76)
-
#23305a
#23305a
rgb(35,48,90)
-
#283769
#283769
rgb(40,55,105)
-
#2e3f77
#2e3f77
rgb(46,63,119)
-
#334685
#334685
rgb(51,70,133)
-
#384d93
#384d93
rgb(56,77,147)
-
#3e55a1
#3e55a1
rgb(62,85,161)
-
#435cb0
#435cb0
rgb(67,92,176)
-
#4c66ba
#4c66ba
rgb(76,102,186)
-
#5a72c0
#5a72c0
rgb(90,114,192)
-
#687ec5
#687ec5
rgb(104,126,197)
-
#778acb
#778acb
rgb(119,138,203)
-
#8596d0
#8596d0
rgb(133,150,208)
-
#93a2d6
#93a2d6
rgb(147,162,214)
-
#a1afdb
#a1afdb
rgb(161,175,219)
-
#afbbe0
#afbbe0
rgb(175,187,224)
-
#bec7e6
#bec7e6
rgb(190,199,230)
-
#ccd3eb
#ccd3eb
rgb(204,211,235)
-
#dadff1
#dadff1
rgb(218,223,241)
-
#e8ebf6
#e8ebf6
rgb(232,235,246)
-
#f6f7fc
#f6f7fc
rgb(246,247,252)
Tones of #334685
A tone is produced by adding gray to any pure hue. In this case, #565962 is the less saturated color, while #012bb7 is the most saturated one.
-
#565962
#565962
rgb(86,89,98)
-
#4f5569
#4f5569
rgb(79,85,105)
-
#485170
#485170
rgb(72,81,112)
-
#414e77
#414e77
rgb(65,78,119)
-
#3a4a7e
#3a4a7e
rgb(58,74,126)
-
#334685
#334685
rgb(51,70,133)
-
#2c428c
#2c428c
rgb(44,66,140)
-
#253e93
#253e93
rgb(37,62,147)
-
#1e3b9a
#1e3b9a
rgb(30,59,154)
-
#1737a1
#1737a1
rgb(23,55,161)
-
#1033a8
#1033a8
rgb(16,51,168)
-
#092faf
#092faf
rgb(9,47,175)
-
#012bb7
#012bb7
rgb(1,43,183)
Color Blindness Simulator
Below, you can see how #334685 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.