#334550 Color Information
In a RGB color space, hex #334550 is composed of 20% red, 27.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 36.3% cyan, 13.8% magenta, 0% yellow and 68.6% black. It has a hue angle of 202.8 degrees, a saturation of 22.1% and a lightness of 25.7%. #334550 color hex could be obtained by blending #668aa0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 27
- B 31
-
- C 36
- M 14
- Y 0
- K 69
● #334550 color description : Very dark desaturated blue.
#334550 Color Conversion
The hexadecimal color #334550 has RGB values of R:51, G:69, B:80 and CMYK values of C:0.36, M:0.14, Y:0, K:0.69. Its decimal value is 3360080.
Hex triplet | 334550 | #334550 |
---|---|---|
RGB Decimal | 51, 69, 80 | rgb(51,69,80) |
RGB Percent | 20, 27.1, 31.4 | rgb(20%,27.1%,31.4%) |
CMYK | 36, 14, 0, 69 | |
HSL | 202.8°, 22.1, 25.7 | hsl(202.8,22.1%,25.7%) |
HSV (or HSB) | 202.8°, 36.3, 31.4 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.218, -3.989, -8.894 |
---|---|
XYZ | 4.941, 5.539, 8.398 |
xyY | 0.262, 0.293, 5.539 |
CIE-LCH | 28.218, 9.748, 245.843 |
CIE-LUV | 28.218, -8.539, -10.283 |
Hunter-Lab | 23.535, -3.712, -4.681 |
Binary | 00110011, 01000101, 01010000 |
Color Schemes with #334550
Alternatives to #334550
Below, you can see some colors close to #334550. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334550 Preview
This text has a font color of #334550.
<span style="color:#334550;">Text here</span>
This paragraph has a background color of #334550.
<p style="background-color:#334550;">Content here</p>
This element has a border color of #334550.
<div style="border:1px solid #334550;">Content here</div>
.text {color:#334550;}
.background {background-color:#334550;}
.border {border:1px solid #334550;}
Shades and Tints of #334550
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)
-
#141c20
#141c20
rgb(20,28,32)
-
#1c262c
#1c262c
rgb(28,38,44)
-
#243038
#243038
rgb(36,48,56)
-
#2b3b44
#2b3b44
rgb(43,59,68)
-
#334550
#334550
rgb(51,69,80)
-
#3b4f5c
#3b4f5c
rgb(59,79,92)
-
#425a68
#425a68
rgb(66,90,104)
-
#4a6474
#4a6474
rgb(74,100,116)
-
#526e80
#526e80
rgb(82,110,128)
-
#59798c
#59798c
rgb(89,121,140)
-
#618398
#618398
rgb(97,131,152)
-
#6b8da1
#6b8da1
rgb(107,141,161)
-
#7796a9
#7796a9
rgb(119,150,169)
-
#839fb0
#839fb0
rgb(131,159,176)
-
#8fa8b8
#8fa8b8
rgb(143,168,184)
-
#9bb2bf
#9bb2bf
rgb(155,178,191)
-
#a7bbc7
#a7bbc7
rgb(167,187,199)
-
#b3c4cf
#b3c4cf
rgb(179,196,207)
-
#bfced6
#bfced6
rgb(191,206,214)
-
#cbd7de
#cbd7de
rgb(203,215,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 #334550
A tone is produced by adding gray to any pure hue. In this case, #3d4346 is the less saturated color, while #015182 is the most saturated one.
-
#3d4346
#3d4346
rgb(61,67,70)
-
#38444b
#38444b
rgb(56,68,75)
-
#334550
#334550
rgb(51,69,80)
-
#2e4655
#2e4655
rgb(46,70,85)
-
#29475a
#29475a
rgb(41,71,90)
-
#24495f
#24495f
rgb(36,73,95)
-
#1f4a64
#1f4a64
rgb(31,74,100)
-
#1a4b69
#1a4b69
rgb(26,75,105)
-
#154c6e
#154c6e
rgb(21,76,110)
-
#104e73
#104e73
rgb(16,78,115)
-
#0b4f78
#0b4f78
rgb(11,79,120)
-
#06507d
#06507d
rgb(6,80,125)
-
#015182
#015182
rgb(1,81,130)
Color Blindness Simulator
Below, you can see how #334550 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.