#335156 Color Information
In a RGB color space, hex #335156 is composed of 20% red, 31.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 5.8% magenta, 0% yellow and 66.3% black. It has a hue angle of 188.6 degrees, a saturation of 25.5% and a lightness of 26.9%. #335156 color hex could be obtained by blending #66a2ac with #000000. Closest websafe color is: #336666.
-
- R 20
- G 32
- B 34
-
- C 41
- M 6
- Y 0
- K 66
● #335156 color description : Very dark desaturated cyan.
#335156 Color Conversion
The hexadecimal color #335156 has RGB values of R:51, G:81, B:86 and CMYK values of C:0.41, M:0.06, Y:0, K:0.66. Its decimal value is 3363158.
Hex triplet | 335156 | #335156 |
---|---|---|
RGB Decimal | 51, 81, 86 | rgb(51,81,86) |
RGB Percent | 20, 31.8, 33.7 | rgb(20%,31.8%,33.7%) |
CMYK | 41, 6, 0, 66 | |
HSL | 188.6°, 25.5, 26.9 | hsl(188.6,25.5%,26.9%) |
HSV (or HSB) | 188.6°, 40.7, 33.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.392, -9.645, -6.467 |
---|---|
XYZ | 5.987, 7.26, 9.889 |
xyY | 0.259, 0.314, 7.26 |
CIE-LCH | 32.392, 11.613, 213.841 |
CIE-LUV | 32.392, -13.55, -6.875 |
Hunter-Lab | 26.945, -7.492, -2.9 |
Binary | 00110011, 01010001, 01010110 |
Color Schemes with #335156
Alternatives to #335156
Below, you can see some colors close to #335156. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#335156 Preview
This text has a font color of #335156.
<span style="color:#335156;">Text here</span>
This paragraph has a background color of #335156.
<p style="background-color:#335156;">Content here</p>
This element has a border color of #335156.
<div style="border:1px solid #335156;">Content here</div>
.text {color:#335156;}
.background {background-color:#335156;}
.border {border:1px solid #335156;}
Shades and Tints of #335156
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, #070b0c is the darkest color, while #ffffff is the lightest one.
-
#070b0c
#070b0c
rgb(7,11,12)
-
#0e1718
#0e1718
rgb(14,23,24)
-
#162325
#162325
rgb(22,35,37)
-
#1d2e31
#1d2e31
rgb(29,46,49)
-
#243a3d
#243a3d
rgb(36,58,61)
-
#2c454a
#2c454a
rgb(44,69,74)
-
#335156
#335156
rgb(51,81,86)
-
#3a5d62
#3a5d62
rgb(58,93,98)
-
#42686f
#42686f
rgb(66,104,111)
-
#49747b
#49747b
rgb(73,116,123)
-
#507f87
#507f87
rgb(80,127,135)
-
#588b94
#588b94
rgb(88,139,148)
-
#5f97a0
#5f97a0
rgb(95,151,160)
-
#6b9fa7
#6b9fa7
rgb(107,159,167)
-
#77a7af
#77a7af
rgb(119,167,175)
-
#84afb6
#84afb6
rgb(132,175,182)
-
#90b7bd
#90b7bd
rgb(144,183,189)
-
#9cbfc4
#9cbfc4
rgb(156,191,196)
-
#a9c7cc
#a9c7cc
rgb(169,199,204)
-
#b5cfd3
#b5cfd3
rgb(181,207,211)
-
#c1d7da
#c1d7da
rgb(193,215,218)
-
#cedfe2
#cedfe2
rgb(206,223,226)
-
#dae7e9
#dae7e9
rgb(218,231,233)
-
#e6eff0
#e6eff0
rgb(230,239,240)
-
#f2f7f8
#f2f7f8
rgb(242,247,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #335156
A tone is produced by adding gray to any pure hue. In this case, #434646 is the less saturated color, while #047385 is the most saturated one.
-
#434646
#434646
rgb(67,70,70)
-
#3e494b
#3e494b
rgb(62,73,75)
-
#384d51
#384d51
rgb(56,77,81)
-
#335156
#335156
rgb(51,81,86)
-
#2e555b
#2e555b
rgb(46,85,91)
-
#285961
#285961
rgb(40,89,97)
-
#235c66
#235c66
rgb(35,92,102)
-
#1e606b
#1e606b
rgb(30,96,107)
-
#196470
#196470
rgb(25,100,112)
-
#136876
#136876
rgb(19,104,118)
-
#0e6b7b
#0e6b7b
rgb(14,107,123)
-
#096f80
#096f80
rgb(9,111,128)
-
#047385
#047385
rgb(4,115,133)
Color Blindness Simulator
Below, you can see how #335156 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.