#334c7f Color Information
In a RGB color space, hex #334c7f is composed of 20% red, 29.8% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 40.2% magenta, 0% yellow and 50.2% black. It has a hue angle of 220.3 degrees, a saturation of 42.7% and a lightness of 34.9%. #334c7f color hex could be obtained by blending #6698fe with #000000. Closest websafe color is: #333366.
-
- R 20
- G 30
- B 50
-
- C 60
- M 40
- Y 0
- K 50
● #334c7f color description : Dark moderate blue.
#334c7f Color Conversion
The hexadecimal color #334c7f has RGB values of R:51, G:76, B:127 and CMYK values of C:0.6, M:0.4, Y:0, K:0.5. Its decimal value is 3361919.
Hex triplet | 334c7f | #334c7f |
---|---|---|
RGB Decimal | 51, 76, 127 | rgb(51,76,127) |
RGB Percent | 20, 29.8, 49.8 | rgb(20%,29.8%,49.8%) |
CMYK | 60, 40, 0, 50 | |
HSL | 220.3°, 42.7, 34.9 | hsl(220.3,42.7%,34.9%) |
HSV (or HSB) | 220.3°, 59.8, 49.8 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 32.711, 7.132, -31.747 |
---|---|
XYZ | 7.78, 7.405, 21.097 |
xyY | 0.214, 0.204, 7.405 |
CIE-LCH | 32.711, 32.538, 282.661 |
CIE-LUV | 32.711, -11.477, -43.568 |
Hunter-Lab | 27.211, 3.413, -26.919 |
Binary | 00110011, 01001100, 01111111 |
Color Schemes with #334c7f
Alternatives to #334c7f
Below, you can see some colors close to #334c7f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334c7f Preview
This text has a font color of #334c7f.
<span style="color:#334c7f;">Text here</span>
This paragraph has a background color of #334c7f.
<p style="background-color:#334c7f;">Content here</p>
This element has a border color of #334c7f.
<div style="border:1px solid #334c7f;">Content here</div>
.text {color:#334c7f;}
.background {background-color:#334c7f;}
.border {border:1px solid #334c7f;}
Shades and Tints of #334c7f
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, #000101 is the darkest color, while #f2f5fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#06090f
#06090f
rgb(6,9,15)
-
#0c111d
#0c111d
rgb(12,17,29)
-
#111a2b
#111a2b
rgb(17,26,43)
-
#172239
#172239
rgb(23,34,57)
-
#1d2a47
#1d2a47
rgb(29,42,71)
-
#223355
#223355
rgb(34,51,85)
-
#283b63
#283b63
rgb(40,59,99)
-
#2d4471
#2d4471
rgb(45,68,113)
-
#334c7f
#334c7f
rgb(51,76,127)
-
#39548d
#39548d
rgb(57,84,141)
-
#3e5d9b
#3e5d9b
rgb(62,93,155)
-
#4465a9
#4465a9
rgb(68,101,169)
-
#4a6eb6
#4a6eb6
rgb(74,110,182)
-
#5879bc
#5879bc
rgb(88,121,188)
-
#6684c2
#6684c2
rgb(102,132,194)
-
#748fc7
#748fc7
rgb(116,143,199)
-
#829bcd
#829bcd
rgb(130,155,205)
-
#90a6d2
#90a6d2
rgb(144,166,210)
-
#9eb1d8
#9eb1d8
rgb(158,177,216)
-
#acbcde
#acbcde
rgb(172,188,222)
-
#bac8e3
#bac8e3
rgb(186,200,227)
-
#c8d3e9
#c8d3e9
rgb(200,211,233)
-
#d6deef
#d6deef
rgb(214,222,239)
-
#e4e9f4
#e4e9f4
rgb(228,233,244)
-
#f2f5fa
#f2f5fa
rgb(242,245,250)
Tones of #334c7f
A tone is produced by adding gray to any pure hue. In this case, #55585d is the less saturated color, while #033caf is the most saturated one.
-
#55585d
#55585d
rgb(85,88,93)
-
#4e5564
#4e5564
rgb(78,85,100)
-
#48536a
#48536a
rgb(72,83,106)
-
#415171
#415171
rgb(65,81,113)
-
#3a4e78
#3a4e78
rgb(58,78,120)
-
#334c7f
#334c7f
rgb(51,76,127)
-
#2c4a86
#2c4a86
rgb(44,74,134)
-
#25478d
#25478d
rgb(37,71,141)
-
#1e4594
#1e4594
rgb(30,69,148)
-
#18439a
#18439a
rgb(24,67,154)
-
#1140a1
#1140a1
rgb(17,64,161)
-
#0a3ea8
#0a3ea8
rgb(10,62,168)
-
#033caf
#033caf
rgb(3,60,175)
Color Blindness Simulator
Below, you can see how #334c7f 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.