#334f5f Color Information
In a RGB color space, hex #334f5f is composed of 20% red, 31% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 16.8% magenta, 0% yellow and 62.7% black. It has a hue angle of 201.8 degrees, a saturation of 30.1% and a lightness of 28.6%. #334f5f color hex could be obtained by blending #669ebe with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 37
-
- C 46
- M 17
- Y 0
- K 63
● #334f5f color description : Very dark desaturated blue.
#334f5f Color Conversion
The hexadecimal color #334f5f has RGB values of R:51, G:79, B:95 and CMYK values of C:0.46, M:0.17, Y:0, K:0.63. Its decimal value is 3362655.
Hex triplet | 334f5f | #334f5f |
---|---|---|
RGB Decimal | 51, 79, 95 | rgb(51,79,95) |
RGB Percent | 20, 31, 37.3 | rgb(20%,31%,37.3%) |
CMYK | 46, 17, 0, 63 | |
HSL | 201.8°, 30.1, 28.6 | hsl(201.8,30.1%,28.6%) |
HSV (or HSB) | 201.8°, 46.3, 37.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.082, -5.693, -12.648 |
---|---|
XYZ | 6.226, 7.122, 11.872 |
xyY | 0.247, 0.282, 7.122 |
CIE-LCH | 32.082, 13.87, 245.765 |
CIE-LUV | 32.082, -12.645, -15.519 |
Hunter-Lab | 26.686, -5.055, -7.697 |
Binary | 00110011, 01001111, 01011111 |
Color Schemes with #334f5f
Alternatives to #334f5f
Below, you can see some colors close to #334f5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f5f Preview
This text has a font color of #334f5f.
<span style="color:#334f5f;">Text here</span>
This paragraph has a background color of #334f5f.
<p style="background-color:#334f5f;">Content here</p>
This element has a border color of #334f5f.
<div style="border:1px solid #334f5f;">Content here</div>
.text {color:#334f5f;}
.background {background-color:#334f5f;}
.border {border:1px solid #334f5f;}
Shades and Tints of #334f5f
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, #030506 is the darkest color, while #f8fafb is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#0a0f12
#0a0f12
rgb(10,15,18)
-
#111a1f
#111a1f
rgb(17,26,31)
-
#18252c
#18252c
rgb(24,37,44)
-
#1e2f39
#1e2f39
rgb(30,47,57)
-
#253a45
#253a45
rgb(37,58,69)
-
#2c4452
#2c4452
rgb(44,68,82)
-
#334f5f
#334f5f
rgb(51,79,95)
-
#3a5a6c
#3a5a6c
rgb(58,90,108)
-
#416479
#416479
rgb(65,100,121)
-
#486f85
#486f85
rgb(72,111,133)
-
#4e7992
#4e7992
rgb(78,121,146)
-
#55849f
#55849f
rgb(85,132,159)
-
#5f8ea9
#5f8ea9
rgb(95,142,169)
-
#6b97b0
#6b97b0
rgb(107,151,176)
-
#78a0b7
#78a0b7
rgb(120,160,183)
-
#85a9be
#85a9be
rgb(133,169,190)
-
#92b2c4
#92b2c4
rgb(146,178,196)
-
#9fbbcb
#9fbbcb
rgb(159,187,203)
-
#abc4d2
#abc4d2
rgb(171,196,210)
-
#b8cdd9
#b8cdd9
rgb(184,205,217)
-
#c5d6e0
#c5d6e0
rgb(197,214,224)
-
#d2dfe7
#d2dfe7
rgb(210,223,231)
-
#dee8ed
#dee8ed
rgb(222,232,237)
-
#ebf1f4
#ebf1f4
rgb(235,241,244)
-
#f8fafb
#f8fafb
rgb(248,250,251)
Tones of #334f5f
A tone is produced by adding gray to any pure hue. In this case, #444a4e is the less saturated color, while #005d92 is the most saturated one.
-
#444a4e
#444a4e
rgb(68,74,78)
-
#3e4c54
#3e4c54
rgb(62,76,84)
-
#394d59
#394d59
rgb(57,77,89)
-
#334f5f
#334f5f
rgb(51,79,95)
-
#2d5165
#2d5165
rgb(45,81,101)
-
#28526a
#28526a
rgb(40,82,106)
-
#225470
#225470
rgb(34,84,112)
-
#1d5575
#1d5575
rgb(29,85,117)
-
#17577b
#17577b
rgb(23,87,123)
-
#115881
#115881
rgb(17,88,129)
-
#0c5a86
#0c5a86
rgb(12,90,134)
-
#065b8c
#065b8c
rgb(6,91,140)
-
#005d92
#005d92
rgb(0,93,146)
Color Blindness Simulator
Below, you can see how #334f5f 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.