#334886 Color Information
In a RGB color space, hex #334886 is composed of 20% red, 28.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 46.3% magenta, 0% yellow and 47.5% black. It has a hue angle of 224.8 degrees, a saturation of 44.9% and a lightness of 36.3%. #334886 color hex could be obtained by blending #6690ff with #00000d. Closest websafe color is: #333399.
-
- R 20
- G 28
- B 53
-
- C 62
- M 46
- Y 0
- K 47
● #334886 color description : Dark moderate blue.
#334886 Color Conversion
The hexadecimal color #334886 has RGB values of R:51, G:72, B:134 and CMYK values of C:0.62, M:0.46, Y:0, K:0.47. Its decimal value is 3360902.
Hex triplet | 334886 | #334886 |
---|---|---|
RGB Decimal | 51, 72, 134 | rgb(51,72,134) |
RGB Percent | 20, 28.2, 52.5 | rgb(20%,28.2%,52.5%) |
CMYK | 62, 46, 0, 47 | |
HSL | 224.8°, 44.9, 36.3 | hsl(224.8,44.9%,36.3%) |
HSV (or HSB) | 224.8°, 61.9, 52.5 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.942, 12.339, -37.301 |
---|---|
XYZ | 7.985, 7.059, 23.495 |
xyY | 0.207, 0.183, 7.059 |
CIE-LCH | 31.942, 39.289, 288.303 |
CIE-LUV | 31.942, -10.213, -51.372 |
Hunter-Lab | 26.569, 7.147, -33.83 |
Binary | 00110011, 01001000, 10000110 |
Color Schemes with #334886
Alternatives to #334886
Below, you can see some colors close to #334886. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334886 Preview
This text has a font color of #334886.
<span style="color:#334886;">Text here</span>
This paragraph has a background color of #334886.
<p style="background-color:#334886;">Content here</p>
This element has a border color of #334886.
<div style="border:1px solid #334886;">Content here</div>
.text {color:#334886;}
.background {background-color:#334886;}
.border {border:1px solid #334886;}
Shades and Tints of #334886
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)
-
#0d1323
#0d1323
rgb(13,19,35)
-
#131a31
#131a31
rgb(19,26,49)
-
#18223f
#18223f
rgb(24,34,63)
-
#1d294d
#1d294d
rgb(29,41,77)
-
#23315b
#23315b
rgb(35,49,91)
-
#28396a
#28396a
rgb(40,57,106)
-
#2e4078
#2e4078
rgb(46,64,120)
-
#334886
#334886
rgb(51,72,134)
-
#385094
#385094
rgb(56,80,148)
-
#3e57a2
#3e57a2
rgb(62,87,162)
-
#435fb1
#435fb1
rgb(67,95,177)
-
#4c68bb
#4c68bb
rgb(76,104,187)
-
#5b74c0
#5b74c0
rgb(91,116,192)
-
#6980c6
#6980c6
rgb(105,128,198)
-
#778ccb
#778ccb
rgb(119,140,203)
-
#8598d1
#8598d1
rgb(133,152,209)
-
#93a4d6
#93a4d6
rgb(147,164,214)
-
#a2b0db
#a2b0db
rgb(162,176,219)
-
#b0bce1
#b0bce1
rgb(176,188,225)
-
#bec8e6
#bec8e6
rgb(190,200,230)
-
#ccd4ec
#ccd4ec
rgb(204,212,236)
-
#dbe0f1
#dbe0f1
rgb(219,224,241)
-
#e9ecf7
#e9ecf7
rgb(233,236,247)
-
#f7f8fc
#f7f8fc
rgb(247,248,252)
Tones of #334886
A tone is produced by adding gray to any pure hue. In this case, #575a62 is the less saturated color, while #012fb8 is the most saturated one.
-
#575a62
#575a62
rgb(87,90,98)
-
#4f566a
#4f566a
rgb(79,86,106)
-
#485371
#485371
rgb(72,83,113)
-
#414f78
#414f78
rgb(65,79,120)
-
#3a4c7f
#3a4c7f
rgb(58,76,127)
-
#334886
#334886
rgb(51,72,134)
-
#2c448d
#2c448d
rgb(44,68,141)
-
#254194
#254194
rgb(37,65,148)
-
#1e3d9b
#1e3d9b
rgb(30,61,155)
-
#173aa2
#173aa2
rgb(23,58,162)
-
#0f36aa
#0f36aa
rgb(15,54,170)
-
#0833b1
#0833b1
rgb(8,51,177)
-
#012fb8
#012fb8
rgb(1,47,184)
Color Blindness Simulator
Below, you can see how #334886 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.