#334450 Color Information
In a RGB color space, hex #334450 is composed of 20% red, 26.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 15% magenta, 0% yellow and 68.6% black. It has a hue angle of 204.8 degrees, a saturation of 22.1% and a lightness of 25.7%. #334450 color hex could be obtained by blending #6688a0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 27
- B 31
-
- C 36
- M 15
- Y 0
- K 69
● #334450 color description : Very dark desaturated blue.
#334450 Color Conversion
The hexadecimal color #334450 has RGB values of R:51, G:68, B:80 and CMYK values of C:0.36, M:0.15, Y:0, K:0.69. Its decimal value is 3359824.
Hex triplet | 334450 | #334450 |
---|---|---|
RGB Decimal | 51, 68, 80 | rgb(51,68,80) |
RGB Percent | 20, 26.7, 31.4 | rgb(20%,26.7%,31.4%) |
CMYK | 36, 15, 0, 69 | |
HSL | 204.8°, 22.1, 25.7 | hsl(204.8,22.1%,25.7%) |
HSV (or HSB) | 204.8°, 36.3, 31.4 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.891, -3.351, -9.389 |
---|---|
XYZ | 4.88, 5.417, 8.377 |
xyY | 0.261, 0.29, 5.417 |
CIE-LCH | 27.891, 9.969, 250.36 |
CIE-LUV | 27.891, -8.125, -10.941 |
Hunter-Lab | 23.275, -3.304, -5.049 |
Binary | 00110011, 01000100, 01010000 |
Color Schemes with #334450
Alternatives to #334450
Below, you can see some colors close to #334450. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334450 Preview
This text has a font color of #334450.
<span style="color:#334450;">Text here</span>
This paragraph has a background color of #334450.
<p style="background-color:#334450;">Content here</p>
This element has a border color of #334450.
<div style="border:1px solid #334450;">Content here</div>
.text {color:#334450;}
.background {background-color:#334450;}
.border {border:1px solid #334450;}
Shades and Tints of #334450
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, #050708 is the darkest color, while #fbfcfd is the lightest one.
-
#050708
#050708
rgb(5,7,8)
-
#0d1114
#0d1114
rgb(13,17,20)
-
#141b20
#141b20
rgb(20,27,32)
-
#1c252c
#1c252c
rgb(28,37,44)
-
#243038
#243038
rgb(36,48,56)
-
#2b3a44
#2b3a44
rgb(43,58,68)
-
#334450
#334450
rgb(51,68,80)
-
#3b4e5c
#3b4e5c
rgb(59,78,92)
-
#425868
#425868
rgb(66,88,104)
-
#4a6374
#4a6374
rgb(74,99,116)
-
#526d80
#526d80
rgb(82,109,128)
-
#59778c
#59778c
rgb(89,119,140)
-
#618198
#618198
rgb(97,129,152)
-
#6b8ba1
#6b8ba1
rgb(107,139,161)
-
#7794a9
#7794a9
rgb(119,148,169)
-
#839eb0
#839eb0
rgb(131,158,176)
-
#8fa7b8
#8fa7b8
rgb(143,167,184)
-
#9bb0bf
#9bb0bf
rgb(155,176,191)
-
#a7bac7
#a7bac7
rgb(167,186,199)
-
#b3c3cf
#b3c3cf
rgb(179,195,207)
-
#bfcdd6
#bfcdd6
rgb(191,205,214)
-
#cbd6de
#cbd6de
rgb(203,214,222)
-
#d7e0e6
#d7e0e6
rgb(215,224,230)
-
#e3e9ed
#e3e9ed
rgb(227,233,237)
-
#eff3f5
#eff3f5
rgb(239,243,245)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #334450
A tone is produced by adding gray to any pure hue. In this case, #3d4246 is the less saturated color, while #014d82 is the most saturated one.
-
#3d4246
#3d4246
rgb(61,66,70)
-
#38434b
#38434b
rgb(56,67,75)
-
#334450
#334450
rgb(51,68,80)
-
#2e4555
#2e4555
rgb(46,69,85)
-
#29465a
#29465a
rgb(41,70,90)
-
#24475f
#24475f
rgb(36,71,95)
-
#1f4764
#1f4764
rgb(31,71,100)
-
#1a4869
#1a4869
rgb(26,72,105)
-
#15496e
#15496e
rgb(21,73,110)
-
#104a73
#104a73
rgb(16,74,115)
-
#0b4b78
#0b4b78
rgb(11,75,120)
-
#064c7d
#064c7d
rgb(6,76,125)
-
#014d82
#014d82
rgb(1,77,130)
Color Blindness Simulator
Below, you can see how #334450 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.