#334670 Color Information
In a RGB color space, hex #334670 is composed of 20% red, 27.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 37.5% magenta, 0% yellow and 56.1% black. It has a hue angle of 221.3 degrees, a saturation of 37.4% and a lightness of 32%. #334670 color hex could be obtained by blending #668ce0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 27
- B 44
-
- C 54
- M 38
- Y 0
- K 56
● #334670 color description : Very dark desaturated blue.
#334670 Color Conversion
The hexadecimal color #334670 has RGB values of R:51, G:70, B:112 and CMYK values of C:0.54, M:0.38, Y:0, K:0.56. Its decimal value is 3360368.
Hex triplet | 334670 | #334670 |
---|---|---|
RGB Decimal | 51, 70, 112 | rgb(51,70,112) |
RGB Percent | 20, 27.5, 43.9 | rgb(20%,27.5%,43.9%) |
CMYK | 54, 38, 0, 56 | |
HSL | 221.3°, 37.4, 32 | hsl(221.3,37.4%,32%) |
HSV (or HSB) | 221.3°, 54.5, 43.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.044, 5.789, -26.579 |
---|---|
XYZ | 6.479, 6.254, 16.194 |
xyY | 0.224, 0.216, 6.254 |
CIE-LCH | 30.044, 27.202, 282.288 |
CIE-LUV | 30.044, -9.272, -35.252 |
Hunter-Lab | 25.007, 2.486, -20.889 |
Binary | 00110011, 01000110, 01110000 |
Color Schemes with #334670
Alternatives to #334670
Below, you can see some colors close to #334670. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334670 Preview
This text has a font color of #334670.
<span style="color:#334670;">Text here</span>
This paragraph has a background color of #334670.
<p style="background-color:#334670;">Content here</p>
This element has a border color of #334670.
<div style="border:1px solid #334670;">Content here</div>
.text {color:#334670;}
.background {background-color:#334670;}
.border {border:1px solid #334670;}
Shades and Tints of #334670
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)
-
#0e131f
#0e131f
rgb(14,19,31)
-
#141c2d
#141c2d
rgb(20,28,45)
-
#1a243a
#1a243a
rgb(26,36,58)
-
#212d48
#212d48
rgb(33,45,72)
-
#273555
#273555
rgb(39,53,85)
-
#2d3e63
#2d3e63
rgb(45,62,99)
-
#334670
#334670
rgb(51,70,112)
-
#394e7d
#394e7d
rgb(57,78,125)
-
#3f578b
#3f578b
rgb(63,87,139)
-
#455f98
#455f98
rgb(69,95,152)
-
#4c68a6
#4c68a6
rgb(76,104,166)
-
#5471b1
#5471b1
rgb(84,113,177)
-
#617cb7
#617cb7
rgb(97,124,183)
-
#6f87bd
#6f87bd
rgb(111,135,189)
-
#7c93c4
#7c93c4
rgb(124,147,196)
-
#8a9eca
#8a9eca
rgb(138,158,202)
-
#97a9d0
#97a9d0
rgb(151,169,208)
-
#a5b4d6
#a5b4d6
rgb(165,180,214)
-
#b2bfdc
#b2bfdc
rgb(178,191,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 #334670
A tone is produced by adding gray to any pure hue. In this case, #4c4f57 is the less saturated color, while #0133a2 is the most saturated one.
-
#4c4f57
#4c4f57
rgb(76,79,87)
-
#464d5d
#464d5d
rgb(70,77,93)
-
#404b63
#404b63
rgb(64,75,99)
-
#39486a
#39486a
rgb(57,72,106)
-
#334670
#334670
rgb(51,70,112)
-
#2d4476
#2d4476
rgb(45,68,118)
-
#26417d
#26417d
rgb(38,65,125)
-
#203f83
#203f83
rgb(32,63,131)
-
#1a3d89
#1a3d89
rgb(26,61,137)
-
#143a8f
#143a8f
rgb(20,58,143)
-
#0d3896
#0d3896
rgb(13,56,150)
-
#07359c
#07359c
rgb(7,53,156)
-
#0133a2
#0133a2
rgb(1,51,162)
Color Blindness Simulator
Below, you can see how #334670 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.