#333f4f Color Information
In a RGB color space, hex #333f4f is composed of 20% red, 24.7% green and 31% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 20.3% magenta, 0% yellow and 69% black. It has a hue angle of 214.3 degrees, a saturation of 21.5% and a lightness of 25.5%. #333f4f color hex could be obtained by blending #667e9e with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 31
-
- C 35
- M 20
- Y 0
- K 69
● #333f4f color description : Very dark desaturated blue.
#333f4f Color Conversion
The hexadecimal color #333f4f has RGB values of R:51, G:63, B:79 and CMYK values of C:0.35, M:0.2, Y:0, K:0.69. Its decimal value is 3358543.
Hex triplet | 333f4f | #333f4f |
---|---|---|
RGB Decimal | 51, 63, 79 | rgb(51,63,79) |
RGB Percent | 20, 24.7, 31 | rgb(20%,24.7%,31%) |
CMYK | 35, 20, 0, 69 | |
HSL | 214.3°, 21.5, 25.5 | hsl(214.3,21.5%,25.5%) |
HSV (or HSB) | 214.3°, 35.4, 31 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 26.225, -0.406, -11.27 |
---|---|
XYZ | 4.554, 4.823, 8.088 |
xyY | 0.261, 0.276, 4.823 |
CIE-LCH | 26.225, 11.278, 267.939 |
CIE-LUV | 26.225, -6.064, -13.38 |
Hunter-Lab | 21.962, -1.422, -6.461 |
Binary | 00110011, 00111111, 01001111 |
Color Schemes with #333f4f
Alternatives to #333f4f
Below, you can see some colors close to #333f4f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f4f Preview
This text has a font color of #333f4f.
<span style="color:#333f4f;">Text here</span>
This paragraph has a background color of #333f4f.
<p style="background-color:#333f4f;">Content here</p>
This element has a border color of #333f4f.
<div style="border:1px solid #333f4f;">Content here</div>
.text {color:#333f4f;}
.background {background-color:#333f4f;}
.border {border:1px solid #333f4f;}
Shades and Tints of #333f4f
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, #050607 is the darkest color, while #fbfbfc is the lightest one.
-
#050607
#050607
rgb(5,6,7)
-
#0d0f13
#0d0f13
rgb(13,15,19)
-
#14191f
#14191f
rgb(20,25,31)
-
#1c222b
#1c222b
rgb(28,34,43)
-
#242c37
#242c37
rgb(36,44,55)
-
#2b3543
#2b3543
rgb(43,53,67)
-
#333f4f
#333f4f
rgb(51,63,79)
-
#3b495b
#3b495b
rgb(59,73,91)
-
#425267
#425267
rgb(66,82,103)
-
#4a5c73
#4a5c73
rgb(74,92,115)
-
#52657f
#52657f
rgb(82,101,127)
-
#596f8b
#596f8b
rgb(89,111,139)
-
#617897
#617897
rgb(97,120,151)
-
#6c82a0
#6c82a0
rgb(108,130,160)
-
#778ca7
#778ca7
rgb(119,140,167)
-
#8396af
#8396af
rgb(131,150,175)
-
#8fa0b7
#8fa0b7
rgb(143,160,183)
-
#9baabf
#9baabf
rgb(155,170,191)
-
#a7b4c6
#a7b4c6
rgb(167,180,198)
-
#b3bfce
#b3bfce
rgb(179,191,206)
-
#bfc9d6
#bfc9d6
rgb(191,201,214)
-
#cbd3dd
#cbd3dd
rgb(203,211,221)
-
#d7dde5
#d7dde5
rgb(215,221,229)
-
#e3e7ed
#e3e7ed
rgb(227,231,237)
-
#eff1f4
#eff1f4
rgb(239,241,244)
-
#fbfbfc
#fbfbfc
rgb(251,251,252)
Tones of #333f4f
A tone is produced by adding gray to any pure hue. In this case, #3d4045 is the less saturated color, while #013881 is the most saturated one.
-
#3d4045
#3d4045
rgb(61,64,69)
-
#38404a
#38404a
rgb(56,64,74)
-
#333f4f
#333f4f
rgb(51,63,79)
-
#2e3e54
#2e3e54
rgb(46,62,84)
-
#293e59
#293e59
rgb(41,62,89)
-
#243d5e
#243d5e
rgb(36,61,94)
-
#1f3c63
#1f3c63
rgb(31,60,99)
-
#1a3b68
#1a3b68
rgb(26,59,104)
-
#153b6d
#153b6d
rgb(21,59,109)
-
#103a72
#103a72
rgb(16,58,114)
-
#0b3977
#0b3977
rgb(11,57,119)
-
#06397c
#06397c
rgb(6,57,124)
-
#013881
#013881
rgb(1,56,129)
Color Blindness Simulator
Below, you can see how #333f4f 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.