#333f4c Color Information
In a RGB color space, hex #333f4c is composed of 20% red, 24.7% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 17.1% magenta, 0% yellow and 70.2% black. It has a hue angle of 211.2 degrees, a saturation of 19.7% and a lightness of 24.9%. #333f4c color hex could be obtained by blending #667e98 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 25
- B 30
-
- C 33
- M 17
- Y 0
- K 70
● #333f4c color description : Very dark grayish blue.
#333f4c Color Conversion
The hexadecimal color #333f4c has RGB values of R:51, G:63, B:76 and CMYK values of C:0.33, M:0.17, Y:0, K:0.7. Its decimal value is 3358540.
Hex triplet | 333f4c | #333f4c |
---|---|---|
RGB Decimal | 51, 63, 76 | rgb(51,63,76) |
RGB Percent | 20, 24.7, 29.8 | rgb(20%,24.7%,29.8%) |
CMYK | 33, 17, 0, 70 | |
HSL | 211.2°, 19.7, 24.9 | hsl(211.2,19.7%,24.9%) |
HSV (or HSB) | 211.2°, 32.9, 29.8 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 26.1, -1.297, -9.491 |
---|---|
XYZ | 4.447, 4.78, 7.526 |
xyY | 0.265, 0.285, 4.78 |
CIE-LCH | 26.1, 9.579, 262.217 |
CIE-LUV | 26.1, -5.997, -11.048 |
Hunter-Lab | 21.864, -1.958, -5.102 |
Binary | 00110011, 00111111, 01001100 |
Color Schemes with #333f4c
Alternatives to #333f4c
Below, you can see some colors close to #333f4c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f4c Preview
This text has a font color of #333f4c.
<span style="color:#333f4c;">Text here</span>
This paragraph has a background color of #333f4c.
<p style="background-color:#333f4c;">Content here</p>
This element has a border color of #333f4c.
<div style="border:1px solid #333f4c;">Content here</div>
.text {color:#333f4c;}
.background {background-color:#333f4c;}
.border {border:1px solid #333f4c;}
Shades and Tints of #333f4c
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, #040506 is the darkest color, while #f9fafb is the lightest one.
-
#040506
#040506
rgb(4,5,6)
-
#0c0e11
#0c0e11
rgb(12,14,17)
-
#13181d
#13181d
rgb(19,24,29)
-
#1b2229
#1b2229
rgb(27,34,41)
-
#232c35
#232c35
rgb(35,44,53)
-
#2b3540
#2b3540
rgb(43,53,64)
-
#333f4c
#333f4c
rgb(51,63,76)
-
#3b4958
#3b4958
rgb(59,73,88)
-
#435263
#435263
rgb(67,82,99)
-
#4b5c6f
#4b5c6f
rgb(75,92,111)
-
#53667b
#53667b
rgb(83,102,123)
-
#5a7087
#5a7087
rgb(90,112,135)
-
#627992
#627992
rgb(98,121,146)
-
#6c839c
#6c839c
rgb(108,131,156)
-
#788da4
#788da4
rgb(120,141,164)
-
#8397ac
#8397ac
rgb(131,151,172)
-
#8fa1b4
#8fa1b4
rgb(143,161,180)
-
#9babbc
#9babbc
rgb(155,171,188)
-
#a7b5c4
#a7b5c4
rgb(167,181,196)
-
#b2becc
#b2becc
rgb(178,190,204)
-
#bec8d3
#bec8d3
rgb(190,200,211)
-
#cad2db
#cad2db
rgb(202,210,219)
-
#d6dce3
#d6dce3
rgb(214,220,227)
-
#e1e6eb
#e1e6eb
rgb(225,230,235)
-
#edf0f3
#edf0f3
rgb(237,240,243)
-
#f9fafb
#f9fafb
rgb(249,250,251)
Tones of #333f4c
A tone is produced by adding gray to any pure hue. In this case, #3d3f42 is the less saturated color, while #023d7d is the most saturated one.
-
#3d3f42
#3d3f42
rgb(61,63,66)
-
#383f47
#383f47
rgb(56,63,71)
-
#333f4c
#333f4c
rgb(51,63,76)
-
#2e3f51
#2e3f51
rgb(46,63,81)
-
#293f56
#293f56
rgb(41,63,86)
-
#243e5b
#243e5b
rgb(36,62,91)
-
#1f3e60
#1f3e60
rgb(31,62,96)
-
#1b3e64
#1b3e64
rgb(27,62,100)
-
#163e69
#163e69
rgb(22,62,105)
-
#113e6e
#113e6e
rgb(17,62,110)
-
#0c3d73
#0c3d73
rgb(12,61,115)
-
#073d78
#073d78
rgb(7,61,120)
-
#023d7d
#023d7d
rgb(2,61,125)
Color Blindness Simulator
Below, you can see how #333f4c 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.