#334f53 Color Information
In a RGB color space, hex #334f53 is composed of 20% red, 31% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 38.6% cyan, 4.8% magenta, 0% yellow and 67.5% black. It has a hue angle of 187.5 degrees, a saturation of 23.9% and a lightness of 26.3%. #334f53 color hex could be obtained by blending #669ea6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 33
-
- C 39
- M 5
- Y 0
- K 67
● #334f53 color description : Very dark desaturated cyan.
#334f53 Color Conversion
The hexadecimal color #334f53 has RGB values of R:51, G:79, B:83 and CMYK values of C:0.39, M:0.05, Y:0, K:0.67. Its decimal value is 3362643.
Hex triplet | 334f53 | #334f53 |
---|---|---|
RGB Decimal | 51, 79, 83 | rgb(51,79,83) |
RGB Percent | 20, 31, 32.5 | rgb(20%,31%,32.5%) |
CMYK | 39, 5, 0, 67 | |
HSL | 187.5°, 23.9, 26.3 | hsl(187.5,23.9%,26.3%) |
HSV (or HSB) | 187.5°, 38.6, 32.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.624, -9.312, -5.706 |
---|---|
XYZ | 5.722, 6.92, 9.217 |
xyY | 0.262, 0.317, 6.92 |
CIE-LCH | 31.624, 10.921, 211.499 |
CIE-LUV | 31.624, -12.737, -5.885 |
Hunter-Lab | 26.306, -7.208, -2.36 |
Binary | 00110011, 01001111, 01010011 |
Color Schemes with #334f53
Alternatives to #334f53
Below, you can see some colors close to #334f53. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f53 Preview
This text has a font color of #334f53.
<span style="color:#334f53;">Text here</span>
This paragraph has a background color of #334f53.
<p style="background-color:#334f53;">Content here</p>
This element has a border color of #334f53.
<div style="border:1px solid #334f53;">Content here</div>
.text {color:#334f53;}
.background {background-color:#334f53;}
.border {border:1px solid #334f53;}
Shades and Tints of #334f53
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, #060a0a is the darkest color, while #fdfefe is the lightest one.
-
#060a0a
#060a0a
rgb(6,10,10)
-
#0e1516
#0e1516
rgb(14,21,22)
-
#152122
#152122
rgb(21,33,34)
-
#1d2c2f
#1d2c2f
rgb(29,44,47)
-
#24383b
#24383b
rgb(36,56,59)
-
#2c4347
#2c4347
rgb(44,67,71)
-
#334f53
#334f53
rgb(51,79,83)
-
#3a5b5f
#3a5b5f
rgb(58,91,95)
-
#42666b
#42666b
rgb(66,102,107)
-
#497277
#497277
rgb(73,114,119)
-
#517d84
#517d84
rgb(81,125,132)
-
#588990
#588990
rgb(88,137,144)
-
#60949c
#60949c
rgb(96,148,156)
-
#6b9da4
#6b9da4
rgb(107,157,164)
-
#77a5ac
#77a5ac
rgb(119,165,172)
-
#83adb3
#83adb3
rgb(131,173,179)
-
#90b5bb
#90b5bb
rgb(144,181,187)
-
#9cbdc2
#9cbdc2
rgb(156,189,194)
-
#a8c5c9
#a8c5c9
rgb(168,197,201)
-
#b4cdd1
#b4cdd1
rgb(180,205,209)
-
#c0d5d8
#c0d5d8
rgb(192,213,216)
-
#ccdde0
#ccdde0
rgb(204,221,224)
-
#d9e5e7
#d9e5e7
rgb(217,229,231)
-
#e5eeef
#e5eeef
rgb(229,238,239)
-
#f1f6f6
#f1f6f6
rgb(241,246,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #334f53
A tone is produced by adding gray to any pure hue. In this case, #424344 is the less saturated color, while #057281 is the most saturated one.
-
#424344
#424344
rgb(66,67,68)
-
#3d4749
#3d4749
rgb(61,71,73)
-
#384b4e
#384b4e
rgb(56,75,78)
-
#334f53
#334f53
rgb(51,79,83)
-
#2e5358
#2e5358
rgb(46,83,88)
-
#29575d
#29575d
rgb(41,87,93)
-
#245b62
#245b62
rgb(36,91,98)
-
#1e5e68
#1e5e68
rgb(30,94,104)
-
#19626d
#19626d
rgb(25,98,109)
-
#146672
#146672
rgb(20,102,114)
-
#0f6a77
#0f6a77
rgb(15,106,119)
-
#0a6e7c
#0a6e7c
rgb(10,110,124)
-
#057281
#057281
rgb(5,114,129)
Color Blindness Simulator
Below, you can see how #334f53 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.