#334e53 Color Information
In a RGB color space, hex #334e53 is composed of 20% red, 30.6% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 38.6% cyan, 6% magenta, 0% yellow and 67.5% black. It has a hue angle of 189.4 degrees, a saturation of 23.9% and a lightness of 26.3%. #334e53 color hex could be obtained by blending #669ca6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 33
-
- C 39
- M 6
- Y 0
- K 67
● #334e53 color description : Very dark desaturated cyan.
#334e53 Color Conversion
The hexadecimal color #334e53 has RGB values of R:51, G:78, B:83 and CMYK values of C:0.39, M:0.06, Y:0, K:0.67. Its decimal value is 3362387.
Hex triplet | 334e53 | #334e53 |
---|---|---|
RGB Decimal | 51, 78, 83 | rgb(51,78,83) |
RGB Percent | 20, 30.6, 32.5 | rgb(20%,30.6%,32.5%) |
CMYK | 39, 6, 0, 67 | |
HSL | 189.4°, 23.9, 26.3 | hsl(189.4,23.9%,26.3%) |
HSV (or HSB) | 189.4°, 38.6, 32.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.293, -8.707, -6.201 |
---|---|
XYZ | 5.651, 6.777, 9.193 |
xyY | 0.261, 0.313, 6.777 |
CIE-LCH | 31.293, 10.689, 215.456 |
CIE-LUV | 31.293, -12.315, -6.573 |
Hunter-Lab | 26.032, -6.812, -2.716 |
Binary | 00110011, 01001110, 01010011 |
Color Schemes with #334e53
Alternatives to #334e53
Below, you can see some colors close to #334e53. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334e53 Preview
This text has a font color of #334e53.
<span style="color:#334e53;">Text here</span>
This paragraph has a background color of #334e53.
<p style="background-color:#334e53;">Content here</p>
This element has a border color of #334e53.
<div style="border:1px solid #334e53;">Content here</div>
.text {color:#334e53;}
.background {background-color:#334e53;}
.border {border:1px solid #334e53;}
Shades and Tints of #334e53
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, #06090a is the darkest color, while #fdfefe is the lightest one.
-
#06090a
#06090a
rgb(6,9,10)
-
#0e1516
#0e1516
rgb(14,21,22)
-
#152022
#152022
rgb(21,32,34)
-
#1d2c2f
#1d2c2f
rgb(29,44,47)
-
#24373b
#24373b
rgb(36,55,59)
-
#2c4347
#2c4347
rgb(44,67,71)
-
#334e53
#334e53
rgb(51,78,83)
-
#3a595f
#3a595f
rgb(58,89,95)
-
#42656b
#42656b
rgb(66,101,107)
-
#497077
#497077
rgb(73,112,119)
-
#517c84
#517c84
rgb(81,124,132)
-
#588790
#588790
rgb(88,135,144)
-
#60939c
#60939c
rgb(96,147,156)
-
#6b9ba4
#6b9ba4
rgb(107,155,164)
-
#77a3ac
#77a3ac
rgb(119,163,172)
-
#83acb3
#83acb3
rgb(131,172,179)
-
#90b4bb
#90b4bb
rgb(144,180,187)
-
#9cbcc2
#9cbcc2
rgb(156,188,194)
-
#a8c4c9
#a8c4c9
rgb(168,196,201)
-
#b4ccd1
#b4ccd1
rgb(180,204,209)
-
#c0d5d8
#c0d5d8
rgb(192,213,216)
-
#ccdde0
#ccdde0
rgb(204,221,224)
-
#d9e5e7
#d9e5e7
rgb(217,229,231)
-
#e5edef
#e5edef
rgb(229,237,239)
-
#f1f5f6
#f1f5f6
rgb(241,245,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #334e53
A tone is produced by adding gray to any pure hue. In this case, #424344 is the less saturated color, while #056e81 is the most saturated one.
-
#424344
#424344
rgb(66,67,68)
-
#3d4749
#3d4749
rgb(61,71,73)
-
#384a4e
#384a4e
rgb(56,74,78)
-
#334e53
#334e53
rgb(51,78,83)
-
#2e5258
#2e5258
rgb(46,82,88)
-
#29555d
#29555d
rgb(41,85,93)
-
#245962
#245962
rgb(36,89,98)
-
#1e5c68
#1e5c68
rgb(30,92,104)
-
#19606d
#19606d
rgb(25,96,109)
-
#146372
#146372
rgb(20,99,114)
-
#0f6777
#0f6777
rgb(15,103,119)
-
#0a6a7c
#0a6a7c
rgb(10,106,124)
-
#056e81
#056e81
rgb(5,110,129)
Color Blindness Simulator
Below, you can see how #334e53 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.