#334c54 Color Information
In a RGB color space, hex #334c54 is composed of 20% red, 29.8% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 9.5% magenta, 0% yellow and 67.1% black. It has a hue angle of 194.5 degrees, a saturation of 24.4% and a lightness of 26.5%. #334c54 color hex could be obtained by blending #6698a8 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 30
- B 33
-
- C 39
- M 10
- Y 0
- K 67
● #334c54 color description : Very dark desaturated cyan.
#334c54 Color Conversion
The hexadecimal color #334c54 has RGB values of R:51, G:76, B:84 and CMYK values of C:0.39, M:0.1, Y:0, K:0.67. Its decimal value is 3361876.
Hex triplet | 334c54 | #334c54 |
---|---|---|
RGB Decimal | 51, 76, 84 | rgb(51,76,84) |
RGB Percent | 20, 29.8, 32.9 | rgb(20%,29.8%,32.9%) |
CMYK | 39, 10, 0, 67 | |
HSL | 194.5°, 24.4, 26.5 | hsl(194.5,24.4%,26.5%) |
HSV (or HSB) | 194.5°, 39.3, 32.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.67, -7.192, -7.775 |
---|---|
XYZ | 5.55, 6.513, 9.352 |
xyY | 0.259, 0.304, 6.513 |
CIE-LCH | 30.67, 10.591, 227.232 |
CIE-LUV | 30.67, -11.47, -8.735 |
Hunter-Lab | 25.52, -5.843, -3.863 |
Binary | 00110011, 01001100, 01010100 |
Color Schemes with #334c54
Alternatives to #334c54
Below, you can see some colors close to #334c54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334c54 Preview
This text has a font color of #334c54.
<span style="color:#334c54;">Text here</span>
This paragraph has a background color of #334c54.
<p style="background-color:#334c54;">Content here</p>
This element has a border color of #334c54.
<div style="border:1px solid #334c54;">Content here</div>
.text {color:#334c54;}
.background {background-color:#334c54;}
.border {border:1px solid #334c54;}
Shades and Tints of #334c54
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, #070a0b is the darkest color, while #fefefe is the lightest one.
-
#070a0b
#070a0b
rgb(7,10,11)
-
#0e1517
#0e1517
rgb(14,21,23)
-
#152023
#152023
rgb(21,32,35)
-
#1d2b2f
#1d2b2f
rgb(29,43,47)
-
#24363c
#24363c
rgb(36,54,60)
-
#2c4148
#2c4148
rgb(44,65,72)
-
#334c54
#334c54
rgb(51,76,84)
-
#3a5760
#3a5760
rgb(58,87,96)
-
#42626c
#42626c
rgb(66,98,108)
-
#496d79
#496d79
rgb(73,109,121)
-
#517885
#517885
rgb(81,120,133)
-
#588391
#588391
rgb(88,131,145)
-
#5f8e9d
#5f8e9d
rgb(95,142,157)
-
#6b97a5
#6b97a5
rgb(107,151,165)
-
#77a0ad
#77a0ad
rgb(119,160,173)
-
#84a8b4
#84a8b4
rgb(132,168,180)
-
#90b1bb
#90b1bb
rgb(144,177,187)
-
#9cb9c3
#9cb9c3
rgb(156,185,195)
-
#a8c2ca
#a8c2ca
rgb(168,194,202)
-
#b4cbd2
#b4cbd2
rgb(180,203,210)
-
#c1d3d9
#c1d3d9
rgb(193,211,217)
-
#cddce0
#cddce0
rgb(205,220,224)
-
#d9e4e8
#d9e4e8
rgb(217,228,232)
-
#e5edef
#e5edef
rgb(229,237,239)
-
#f1f5f7
#f1f5f7
rgb(241,245,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #334c54
A tone is produced by adding gray to any pure hue. In this case, #434444 is the less saturated color, while #046483 is the most saturated one.
-
#434444
#434444
rgb(67,68,68)
-
#3d474a
#3d474a
rgb(61,71,74)
-
#38494f
#38494f
rgb(56,73,79)
-
#334c54
#334c54
rgb(51,76,84)
-
#2e4f59
#2e4f59
rgb(46,79,89)
-
#29515e
#29515e
rgb(41,81,94)
-
#235464
#235464
rgb(35,84,100)
-
#1e5769
#1e5769
rgb(30,87,105)
-
#19596e
#19596e
rgb(25,89,110)
-
#145c73
#145c73
rgb(20,92,115)
-
#0f5f78
#0f5f78
rgb(15,95,120)
-
#09617e
#09617e
rgb(9,97,126)
-
#046483
#046483
rgb(4,100,131)
Color Blindness Simulator
Below, you can see how #334c54 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.