#334686 Color Information
In a RGB color space, hex #334686 is composed of 20% red, 27.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 47.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 226.3 degrees, a saturation of 44.9% and a lightness of 36.3%. #334686 color hex could be obtained by blending #668cff with #00000d. Closest websafe color is: #333399.
-
- R 20
- G 27
- B 53
-
- C 62
- M 48
- Y 0
- K 47
● #334686 color description : Dark moderate blue.
#334686 Color Conversion
The hexadecimal color #334686 has RGB values of R:51, G:70, B:134 and CMYK values of C:0.62, M:0.48, Y:0, K:0.47. Its decimal value is 3360390.
Hex triplet | 334686 | #334686 |
---|---|---|
RGB Decimal | 51, 70, 134 | rgb(51,70,134) |
RGB Percent | 20, 27.5, 52.5 | rgb(20%,27.5%,52.5%) |
CMYK | 62, 48, 0, 47 | |
HSL | 226.3°, 44.9, 36.3 | hsl(226.3,44.9%,36.3%) |
HSV (or HSB) | 226.3°, 61.9, 52.5 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.359, 13.682, -38.234 |
---|---|
XYZ | 7.858, 6.805, 23.452 |
xyY | 0.206, 0.179, 6.805 |
CIE-LCH | 31.359, 40.609, 289.69 |
CIE-LUV | 31.359, -9.583, -52.439 |
Hunter-Lab | 26.086, 8.116, -35.043 |
Binary | 00110011, 01000110, 10000110 |
Color Schemes with #334686
Alternatives to #334686
Below, you can see some colors close to #334686. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334686 Preview
This text has a font color of #334686.
<span style="color:#334686;">Text here</span>
This paragraph has a background color of #334686.
<p style="background-color:#334686;">Content here</p>
This element has a border color of #334686.
<div style="border:1px solid #334686;">Content here</div>
.text {color:#334686;}
.background {background-color:#334686;}
.border {border:1px solid #334686;}
Shades and Tints of #334686
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, #020306 is the darkest color, while #f7f8fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#080b14
#080b14
rgb(8,11,20)
-
#0d1223
#0d1223
rgb(13,18,35)
-
#131931
#131931
rgb(19,25,49)
-
#18213f
#18213f
rgb(24,33,63)
-
#1d284d
#1d284d
rgb(29,40,77)
-
#23305b
#23305b
rgb(35,48,91)
-
#28376a
#28376a
rgb(40,55,106)
-
#2e3f78
#2e3f78
rgb(46,63,120)
-
#334686
#334686
rgb(51,70,134)
-
#384d94
#384d94
rgb(56,77,148)
-
#3e55a2
#3e55a2
rgb(62,85,162)
-
#435cb1
#435cb1
rgb(67,92,177)
-
#4c66bb
#4c66bb
rgb(76,102,187)
-
#5b72c0
#5b72c0
rgb(91,114,192)
-
#697ec6
#697ec6
rgb(105,126,198)
-
#778acb
#778acb
rgb(119,138,203)
-
#8597d1
#8597d1
rgb(133,151,209)
-
#93a3d6
#93a3d6
rgb(147,163,214)
-
#a2afdb
#a2afdb
rgb(162,175,219)
-
#b0bbe1
#b0bbe1
rgb(176,187,225)
-
#bec7e6
#bec7e6
rgb(190,199,230)
-
#ccd3ec
#ccd3ec
rgb(204,211,236)
-
#dbe0f1
#dbe0f1
rgb(219,224,241)
-
#e9ecf7
#e9ecf7
rgb(233,236,247)
-
#f7f8fc
#f7f8fc
rgb(247,248,252)
Tones of #334686
A tone is produced by adding gray to any pure hue. In this case, #575962 is the less saturated color, while #012bb8 is the most saturated one.
-
#575962
#575962
rgb(87,89,98)
-
#4f556a
#4f556a
rgb(79,85,106)
-
#485271
#485271
rgb(72,82,113)
-
#414e78
#414e78
rgb(65,78,120)
-
#3a4a7f
#3a4a7f
rgb(58,74,127)
-
#334686
#334686
rgb(51,70,134)
-
#2c428d
#2c428d
rgb(44,66,141)
-
#253e94
#253e94
rgb(37,62,148)
-
#1e3a9b
#1e3a9b
rgb(30,58,155)
-
#1737a2
#1737a2
rgb(23,55,162)
-
#0f33aa
#0f33aa
rgb(15,51,170)
-
#082fb1
#082fb1
rgb(8,47,177)
-
#012bb8
#012bb8
rgb(1,43,184)
Color Blindness Simulator
Below, you can see how #334686 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.