#333f48 Color Information
In a RGB color space, hex #333f48 is composed of 20% red, 24.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 29.2% cyan, 12.5% magenta, 0% yellow and 71.8% black. It has a hue angle of 205.7 degrees, a saturation of 17.1% and a lightness of 24.1%. #333f48 color hex could be obtained by blending #667e90 with #000000. Closest websafe color is: #333333.
-
- R 20
- G 25
- B 28
-
- C 29
- M 13
- Y 0
- K 72
● #333f48 color description : Very dark grayish blue.
#333f48 Color Conversion
The hexadecimal color #333f48 has RGB values of R:51, G:63, B:72 and CMYK values of C:0.29, M:0.13, Y:0, K:0.72. Its decimal value is 3358536.
Hex triplet | 333f48 | #333f48 |
---|---|---|
RGB Decimal | 51, 63, 72 | rgb(51,63,72) |
RGB Percent | 20, 24.7, 28.2 | rgb(20%,24.7%,28.2%) |
CMYK | 29, 13, 0, 72 | |
HSL | 205.7°, 17.1, 24.1 | hsl(205.7,17.1%,24.1%) |
HSV (or HSB) | 205.7°, 29.2, 28.2 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 25.941, -2.451, -7.098 |
---|---|
XYZ | 4.312, 4.727, 6.816 |
xyY | 0.272, 0.298, 4.727 |
CIE-LCH | 25.941, 7.51, 250.948 |
CIE-LUV | 25.941, -5.909, -7.97 |
Hunter-Lab | 21.741, -2.641, -3.369 |
Binary | 00110011, 00111111, 01001000 |
Color Schemes with #333f48
Alternatives to #333f48
Below, you can see some colors close to #333f48. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#333f48 Preview
This text has a font color of #333f48.
<span style="color:#333f48;">Text here</span>
This paragraph has a background color of #333f48.
<p style="background-color:#333f48;">Content here</p>
This element has a border color of #333f48.
<div style="border:1px solid #333f48;">Content here</div>
.text {color:#333f48;}
.background {background-color:#333f48;}
.border {border:1px solid #333f48;}
Shades and Tints of #333f48
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, #020303 is the darkest color, while #f7f8f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0a0d0f
#0a0d0f
rgb(10,13,15)
-
#12171a
#12171a
rgb(18,23,26)
-
#1b2126
#1b2126
rgb(27,33,38)
-
#232b31
#232b31
rgb(35,43,49)
-
#2b353d
#2b353d
rgb(43,53,61)
-
#333f48
#333f48
rgb(51,63,72)
-
#3b4953
#3b4953
rgb(59,73,83)
-
#43535f
#43535f
rgb(67,83,95)
-
#4b5d6a
#4b5d6a
rgb(75,93,106)
-
#546776
#546776
rgb(84,103,118)
-
#5c7181
#5c7181
rgb(92,113,129)
-
#647b8d
#647b8d
rgb(100,123,141)
-
#6d8597
#6d8597
rgb(109,133,151)
-
#788fa0
#788fa0
rgb(120,143,160)
-
#8498a8
#8498a8
rgb(132,152,168)
-
#8fa2b0
#8fa2b0
rgb(143,162,176)
-
#9babb8
#9babb8
rgb(155,171,184)
-
#a6b5c0
#a6b5c0
rgb(166,181,192)
-
#b2bfc8
#b2bfc8
rgb(178,191,200)
-
#bdc8d0
#bdc8d0
rgb(189,200,208)
-
#c9d2d9
#c9d2d9
rgb(201,210,217)
-
#d4dbe1
#d4dbe1
rgb(212,219,225)
-
#e0e5e9
#e0e5e9
rgb(224,229,233)
-
#ebeef1
#ebeef1
rgb(235,238,241)
-
#f7f8f9
#f7f8f9
rgb(247,248,249)
Tones of #333f48
A tone is produced by adding gray to any pure hue. In this case, #3c3e3f is the less saturated color, while #044677 is the most saturated one.
-
#3c3e3f
#3c3e3f
rgb(60,62,63)
-
#383e43
#383e43
rgb(56,62,67)
-
#333f48
#333f48
rgb(51,63,72)
-
#2e404d
#2e404d
rgb(46,64,77)
-
#2a4051
#2a4051
rgb(42,64,81)
-
#254156
#254156
rgb(37,65,86)
-
#20425b
#20425b
rgb(32,66,91)
-
#1b4260
#1b4260
rgb(27,66,96)
-
#174364
#174364
rgb(23,67,100)
-
#124469
#124469
rgb(18,68,105)
-
#0d446e
#0d446e
rgb(13,68,110)
-
#084573
#084573
rgb(8,69,115)
-
#044677
#044677
rgb(4,70,119)
Color Blindness Simulator
Below, you can see how #333f48 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.