#334e57 Color Information
In a RGB color space, hex #334e57 is composed of 20% red, 30.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 10.3% magenta, 0% yellow and 65.9% black. It has a hue angle of 195 degrees, a saturation of 26.1% and a lightness of 27.1%. #334e57 color hex could be obtained by blending #669cae with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 34
-
- C 41
- M 10
- Y 0
- K 66
● #334e57 color description : Very dark desaturated blue.
#334e57 Color Conversion
The hexadecimal color #334e57 has RGB values of R:51, G:78, B:87 and CMYK values of C:0.41, M:0.1, Y:0, K:0.66. Its decimal value is 3362391.
Hex triplet | 334e57 | #334e57 |
---|---|---|
RGB Decimal | 51, 78, 87 | rgb(51,78,87) |
RGB Percent | 20, 30.6, 34.1 | rgb(20%,30.6%,34.1%) |
CMYK | 41, 10, 0, 66 | |
HSL | 195°, 26.1, 27.1 | hsl(195,26.1%,27.1%) |
HSV (or HSB) | 195°, 41.4, 34.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.441, -7.53, -8.532 |
---|---|
XYZ | 5.81, 6.84, 10.031 |
xyY | 0.256, 0.302, 6.84 |
CIE-LCH | 31.441, 11.38, 228.571 |
CIE-LUV | 31.441, -12.289, -9.751 |
Hunter-Lab | 26.154, -6.121, -4.431 |
Binary | 00110011, 01001110, 01010111 |
Color Schemes with #334e57
Alternatives to #334e57
Below, you can see some colors close to #334e57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334e57 Preview
This text has a font color of #334e57.
<span style="color:#334e57;">Text here</span>
This paragraph has a background color of #334e57.
<p style="background-color:#334e57;">Content here</p>
This element has a border color of #334e57.
<div style="border:1px solid #334e57;">Content here</div>
.text {color:#334e57;}
.background {background-color:#334e57;}
.border {border:1px solid #334e57;}
Shades and Tints of #334e57
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, #000000 is the darkest color, while #f3f7f8 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#080b0d
#080b0d
rgb(8,11,13)
-
#0f1719
#0f1719
rgb(15,23,25)
-
#162226
#162226
rgb(22,34,38)
-
#1d2d32
#1d2d32
rgb(29,45,50)
-
#25383e
#25383e
rgb(37,56,62)
-
#2c434b
#2c434b
rgb(44,67,75)
-
#334e57
#334e57
rgb(51,78,87)
-
#3a5963
#3a5963
rgb(58,89,99)
-
#416470
#416470
rgb(65,100,112)
-
#496f7c
#496f7c
rgb(73,111,124)
-
#507a88
#507a88
rgb(80,122,136)
-
#578595
#578595
rgb(87,133,149)
-
#5f90a1
#5f90a1
rgb(95,144,161)
-
#6b99a8
#6b99a8
rgb(107,153,168)
-
#77a1b0
#77a1b0
rgb(119,161,176)
-
#84aab7
#84aab7
rgb(132,170,183)
-
#90b3be
#90b3be
rgb(144,179,190)
-
#9dbbc5
#9dbbc5
rgb(157,187,197)
-
#a9c4cd
#a9c4cd
rgb(169,196,205)
-
#b5ccd4
#b5ccd4
rgb(181,204,212)
-
#c2d5db
#c2d5db
rgb(194,213,219)
-
#cedde2
#cedde2
rgb(206,221,226)
-
#dae6ea
#dae6ea
rgb(218,230,234)
-
#e7eef1
#e7eef1
rgb(231,238,241)
-
#f3f7f8
#f3f7f8
rgb(243,247,248)
Tones of #334e57
A tone is produced by adding gray to any pure hue. In this case, #434647 is the less saturated color, while #036687 is the most saturated one.
-
#434647
#434647
rgb(67,70,71)
-
#3e494c
#3e494c
rgb(62,73,76)
-
#384b52
#384b52
rgb(56,75,82)
-
#334e57
#334e57
rgb(51,78,87)
-
#2e515c
#2e515c
rgb(46,81,92)
-
#285362
#285362
rgb(40,83,98)
-
#235667
#235667
rgb(35,86,103)
-
#1e596c
#1e596c
rgb(30,89,108)
-
#185b72
#185b72
rgb(24,91,114)
-
#135e77
#135e77
rgb(19,94,119)
-
#0e617c
#0e617c
rgb(14,97,124)
-
#096381
#096381
rgb(9,99,129)
-
#036687
#036687
rgb(3,102,135)
Color Blindness Simulator
Below, you can see how #334e57 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.