#334770 Color Information
In a RGB color space, hex #334770 is composed of 20% red, 27.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 36.6% magenta, 0% yellow and 56.1% black. It has a hue angle of 220.3 degrees, a saturation of 37.4% and a lightness of 32%. #334770 color hex could be obtained by blending #668ee0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 28
- B 44
-
- C 54
- M 37
- Y 0
- K 56
● #334770 color description : Very dark desaturated blue.
#334770 Color Conversion
The hexadecimal color #334770 has RGB values of R:51, G:71, B:112 and CMYK values of C:0.54, M:0.37, Y:0, K:0.56. Its decimal value is 3360624.
Hex triplet | 334770 | #334770 |
---|---|---|
RGB Decimal | 51, 71, 112 | rgb(51,71,112) |
RGB Percent | 20, 27.8, 43.9 | rgb(20%,27.8%,43.9%) |
CMYK | 54, 37, 0, 56 | |
HSL | 220.3°, 37.4, 32 | hsl(220.3,37.4%,32%) |
HSV (or HSB) | 220.3°, 54.5, 43.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.351, 5.124, -26.095 |
---|---|
XYZ | 6.542, 6.38, 16.215 |
xyY | 0.225, 0.219, 6.38 |
CIE-LCH | 30.351, 26.593, 281.11 |
CIE-LUV | 30.351, -9.626, -34.64 |
Hunter-Lab | 25.258, 2.033, -20.381 |
Binary | 00110011, 01000111, 01110000 |
Color Schemes with #334770
Alternatives to #334770
Below, you can see some colors close to #334770. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334770 Preview
This text has a font color of #334770.
<span style="color:#334770;">Text here</span>
This paragraph has a background color of #334770.
<p style="background-color:#334770;">Content here</p>
This element has a border color of #334770.
<div style="border:1px solid #334770;">Content here</div>
.text {color:#334770;}
.background {background-color:#334770;}
.border {border:1px solid #334770;}
Shades and Tints of #334770
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, #020304 is the darkest color, while #f6f7fb is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#080b12
#080b12
rgb(8,11,18)
-
#0e141f
#0e141f
rgb(14,20,31)
-
#141c2d
#141c2d
rgb(20,28,45)
-
#1a253a
#1a253a
rgb(26,37,58)
-
#212d48
#212d48
rgb(33,45,72)
-
#273655
#273655
rgb(39,54,85)
-
#2d3e63
#2d3e63
rgb(45,62,99)
-
#334770
#334770
rgb(51,71,112)
-
#39507d
#39507d
rgb(57,80,125)
-
#3f588b
#3f588b
rgb(63,88,139)
-
#456198
#456198
rgb(69,97,152)
-
#4c69a6
#4c69a6
rgb(76,105,166)
-
#5473b1
#5473b1
rgb(84,115,177)
-
#617eb7
#617eb7
rgb(97,126,183)
-
#6f89bd
#6f89bd
rgb(111,137,189)
-
#7c94c4
#7c94c4
rgb(124,148,196)
-
#8a9fca
#8a9fca
rgb(138,159,202)
-
#97aad0
#97aad0
rgb(151,170,208)
-
#a5b5d6
#a5b5d6
rgb(165,181,214)
-
#b2c0dc
#b2c0dc
rgb(178,192,220)
-
#c0cbe2
#c0cbe2
rgb(192,203,226)
-
#cdd6e8
#cdd6e8
rgb(205,214,232)
-
#dbe1ee
#dbe1ee
rgb(219,225,238)
-
#e8ecf5
#e8ecf5
rgb(232,236,245)
-
#f6f7fb
#f6f7fb
rgb(246,247,251)
Tones of #334770
A tone is produced by adding gray to any pure hue. In this case, #4c5057 is the less saturated color, while #0136a2 is the most saturated one.
-
#4c5057
#4c5057
rgb(76,80,87)
-
#464d5d
#464d5d
rgb(70,77,93)
-
#404b63
#404b63
rgb(64,75,99)
-
#39496a
#39496a
rgb(57,73,106)
-
#334770
#334770
rgb(51,71,112)
-
#2d4576
#2d4576
rgb(45,69,118)
-
#26437d
#26437d
rgb(38,67,125)
-
#204183
#204183
rgb(32,65,131)
-
#1a3e89
#1a3e89
rgb(26,62,137)
-
#143c8f
#143c8f
rgb(20,60,143)
-
#0d3a96
#0d3a96
rgb(13,58,150)
-
#07389c
#07389c
rgb(7,56,156)
-
#0136a2
#0136a2
rgb(1,54,162)
Color Blindness Simulator
Below, you can see how #334770 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.