#334b6f Color Information
In a RGB color space, hex #334b6f is composed of 20% red, 29.4% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 32.4% magenta, 0% yellow and 56.5% black. It has a hue angle of 216 degrees, a saturation of 37% and a lightness of 31.8%. #334b6f color hex could be obtained by blending #6696de with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 44
-
- C 54
- M 32
- Y 0
- K 56
● #334b6f color description : Very dark desaturated blue.
#334b6f Color Conversion
The hexadecimal color #334b6f has RGB values of R:51, G:75, B:111 and CMYK values of C:0.54, M:0.32, Y:0, K:0.56. Its decimal value is 3361647.
Hex triplet | 334b6f | #334b6f |
---|---|---|
RGB Decimal | 51, 75, 111 | rgb(51,75,111) |
RGB Percent | 20, 29.4, 43.5 | rgb(20%,29.4%,43.5%) |
CMYK | 54, 32, 0, 56 | |
HSL | 216°, 37, 31.8 | hsl(216,37%,31.8%) |
HSV (or HSB) | 216°, 54.1, 43.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 31.54, 2.144, -23.599 |
---|---|
XYZ | 6.75, 6.883, 16.011 |
xyY | 0.228, 0.232, 6.883 |
CIE-LCH | 31.54, 23.696, 275.192 |
CIE-LUV | 31.54, -11.067, -31.296 |
Hunter-Lab | 26.236, 0.011, -17.817 |
Binary | 00110011, 01001011, 01101111 |
Color Schemes with #334b6f
Alternatives to #334b6f
Below, you can see some colors close to #334b6f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334b6f Preview
This text has a font color of #334b6f.
<span style="color:#334b6f;">Text here</span>
This paragraph has a background color of #334b6f.
<p style="background-color:#334b6f;">Content here</p>
This element has a border color of #334b6f.
<div style="border:1px solid #334b6f;">Content here</div>
.text {color:#334b6f;}
.background {background-color:#334b6f;}
.border {border:1px solid #334b6f;}
Shades and Tints of #334b6f
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, #020203 is the darkest color, while #f5f7fa is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#080b11
#080b11
rgb(8,11,17)
-
#0e151e
#0e151e
rgb(14,21,30)
-
#141e2c
#141e2c
rgb(20,30,44)
-
#1a2739
#1a2739
rgb(26,39,57)
-
#203047
#203047
rgb(32,48,71)
-
#273954
#273954
rgb(39,57,84)
-
#2d4262
#2d4262
rgb(45,66,98)
-
#334b6f
#334b6f
rgb(51,75,111)
-
#39547c
#39547c
rgb(57,84,124)
-
#3f5d8a
#3f5d8a
rgb(63,93,138)
-
#466697
#466697
rgb(70,102,151)
-
#4c6fa5
#4c6fa5
rgb(76,111,165)
-
#5479b0
#5479b0
rgb(84,121,176)
-
#6183b6
#6183b6
rgb(97,131,182)
-
#6f8ebd
#6f8ebd
rgb(111,142,189)
-
#7c98c3
#7c98c3
rgb(124,152,195)
-
#8aa3c9
#8aa3c9
rgb(138,163,201)
-
#97adcf
#97adcf
rgb(151,173,207)
-
#a4b8d5
#a4b8d5
rgb(164,184,213)
-
#b2c3dc
#b2c3dc
rgb(178,195,220)
-
#bfcde2
#bfcde2
rgb(191,205,226)
-
#cdd8e8
#cdd8e8
rgb(205,216,232)
-
#dae2ee
#dae2ee
rgb(218,226,238)
-
#e8edf4
#e8edf4
rgb(232,237,244)
-
#f5f7fa
#f5f7fa
rgb(245,247,250)
Tones of #334b6f
A tone is produced by adding gray to any pure hue. In this case, #4c5056 is the less saturated color, while #0141a1 is the most saturated one.
-
#4c5056
#4c5056
rgb(76,80,86)
-
#464f5c
#464f5c
rgb(70,79,92)
-
#3f4d63
#3f4d63
rgb(63,77,99)
-
#394c69
#394c69
rgb(57,76,105)
-
#334b6f
#334b6f
rgb(51,75,111)
-
#2d4a75
#2d4a75
rgb(45,74,117)
-
#27497b
#27497b
rgb(39,73,123)
-
#204782
#204782
rgb(32,71,130)
-
#1a4688
#1a4688
rgb(26,70,136)
-
#14458e
#14458e
rgb(20,69,142)
-
#0e4494
#0e4494
rgb(14,68,148)
-
#07429b
#07429b
rgb(7,66,155)
-
#0141a1
#0141a1
rgb(1,65,161)
Color Blindness Simulator
Below, you can see how #334b6f 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.