#334f5d Color Information
In a RGB color space, hex #334f5d is composed of 20% red, 31% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 15.1% magenta, 0% yellow and 63.5% black. It has a hue angle of 200 degrees, a saturation of 29.2% and a lightness of 28.2%. #334f5d color hex could be obtained by blending #669eba with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 36
-
- C 45
- M 15
- Y 0
- K 64
● #334f5d color description : Very dark desaturated blue.
#334f5d Color Conversion
The hexadecimal color #334f5d has RGB values of R:51, G:79, B:93 and CMYK values of C:0.45, M:0.15, Y:0, K:0.64. Its decimal value is 3362653.
Hex triplet | 334f5d | #334f5d |
---|---|---|
RGB Decimal | 51, 79, 93 | rgb(51,79,93) |
RGB Percent | 20, 31, 36.5 | rgb(20%,31%,36.5%) |
CMYK | 45, 15, 0, 64 | |
HSL | 200°, 29.2, 28.2 | hsl(200,29.2%,28.2%) |
HSV (or HSB) | 200°, 45.2, 36.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.001, -6.318, -11.502 |
---|---|
XYZ | 6.137, 7.086, 11.4 |
xyY | 0.249, 0.288, 7.086 |
CIE-LCH | 32.001, 13.123, 241.221 |
CIE-LUV | 32.001, -12.659, -13.893 |
Hunter-Lab | 26.619, -5.434, -6.758 |
Binary | 00110011, 01001111, 01011101 |
Color Schemes with #334f5d
Alternatives to #334f5d
Below, you can see some colors close to #334f5d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f5d Preview
This text has a font color of #334f5d.
<span style="color:#334f5d;">Text here</span>
This paragraph has a background color of #334f5d.
<p style="background-color:#334f5d;">Content here</p>
This element has a border color of #334f5d.
<div style="border:1px solid #334f5d;">Content here</div>
.text {color:#334f5d;}
.background {background-color:#334f5d;}
.border {border:1px solid #334f5d;}
Shades and Tints of #334f5d
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, #020404 is the darkest color, while #f7f9fa is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#090e11
#090e11
rgb(9,14,17)
-
#10191e
#10191e
rgb(16,25,30)
-
#17242a
#17242a
rgb(23,36,42)
-
#1e2f37
#1e2f37
rgb(30,47,55)
-
#253944
#253944
rgb(37,57,68)
-
#2c4450
#2c4450
rgb(44,68,80)
-
#334f5d
#334f5d
rgb(51,79,93)
-
#3a5a6a
#3a5a6a
rgb(58,90,106)
-
#416576
#416576
rgb(65,101,118)
-
#486f83
#486f83
rgb(72,111,131)
-
#4f7a90
#4f7a90
rgb(79,122,144)
-
#56859c
#56859c
rgb(86,133,156)
-
#5f8fa7
#5f8fa7
rgb(95,143,167)
-
#6b98ae
#6b98ae
rgb(107,152,174)
-
#78a1b5
#78a1b5
rgb(120,161,181)
-
#85a9bc
#85a9bc
rgb(133,169,188)
-
#91b2c3
#91b2c3
rgb(145,178,195)
-
#9ebbca
#9ebbca
rgb(158,187,202)
-
#abc4d1
#abc4d1
rgb(171,196,209)
-
#b7cdd8
#b7cdd8
rgb(183,205,216)
-
#c4d6df
#c4d6df
rgb(196,214,223)
-
#d1dfe6
#d1dfe6
rgb(209,223,230)
-
#dde7ed
#dde7ed
rgb(221,231,237)
-
#eaf0f3
#eaf0f3
rgb(234,240,243)
-
#f7f9fa
#f7f9fa
rgb(247,249,250)
Tones of #334f5d
A tone is produced by adding gray to any pure hue. In this case, #44494c is the less saturated color, while #01608f is the most saturated one.
-
#44494c
#44494c
rgb(68,73,76)
-
#3e4b52
#3e4b52
rgb(62,75,82)
-
#394d57
#394d57
rgb(57,77,87)
-
#334f5d
#334f5d
rgb(51,79,93)
-
#2d5163
#2d5163
rgb(45,81,99)
-
#285368
#285368
rgb(40,83,104)
-
#22556e
#22556e
rgb(34,85,110)
-
#1d5673
#1d5673
rgb(29,86,115)
-
#175879
#175879
rgb(23,88,121)
-
#125a7e
#125a7e
rgb(18,90,126)
-
#0c5c84
#0c5c84
rgb(12,92,132)
-
#075e89
#075e89
rgb(7,94,137)
-
#01608f
#01608f
rgb(1,96,143)
Color Blindness Simulator
Below, you can see how #334f5d 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.