#33313f Color Information
In a RGB color space, hex #33313f is composed of 20% red, 19.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 22.2% magenta, 0% yellow and 75.3% black. It has a hue angle of 248.6 degrees, a saturation of 12.5% and a lightness of 22%. #33313f color hex could be obtained by blending #66627e with #000000. Closest websafe color is: #333333.
-
- R 20
- G 19
- B 25
-
- C 19
- M 22
- Y 0
- K 75
● #33313f color description : Very dark grayish blue.
#33313f Color Conversion
The hexadecimal color #33313f has RGB values of R:51, G:49, B:63 and CMYK values of C:0.19, M:0.22, Y:0, K:0.75. Its decimal value is 3354943.
Hex triplet | 33313f | #33313f |
---|---|---|
RGB Decimal | 51, 49, 63 | rgb(51,49,63) |
RGB Percent | 20, 19.2, 24.7 | rgb(20%,19.2%,24.7%) |
CMYK | 19, 22, 0, 75 | |
HSL | 248.6°, 12.5, 22 | hsl(248.6,12.5%,22%) |
HSV (or HSB) | 248.6°, 22.2, 24.7 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 21.054, 4.393, -8.464 |
---|---|
XYZ | 3.361, 3.259, 5.154 |
xyY | 0.285, 0.277, 3.259 |
CIE-LCH | 21.054, 9.536, 297.432 |
CIE-LUV | 21.054, 0.186, -9.616 |
Hunter-Lab | 18.054, 1.633, -4.29 |
Binary | 00110011, 00110001, 00111111 |
Color Schemes with #33313f
Alternatives to #33313f
Below, you can see some colors close to #33313f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33313f Preview
This text has a font color of #33313f.
<span style="color:#33313f;">Text here</span>
This paragraph has a background color of #33313f.
<p style="background-color:#33313f;">Content here</p>
This element has a border color of #33313f.
<div style="border:1px solid #33313f;">Content here</div>
.text {color:#33313f;}
.background {background-color:#33313f;}
.border {border:1px solid #33313f;}
Shades and Tints of #33313f
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, #060608 is the darkest color, while #fcfcfd is the lightest one.
-
#060608
#060608
rgb(6,6,8)
-
#0f0f13
#0f0f13
rgb(15,15,19)
-
#18171e
#18171e
rgb(24,23,30)
-
#212029
#212029
rgb(33,32,41)
-
#2a2834
#2a2834
rgb(42,40,52)
-
#33313f
#33313f
rgb(51,49,63)
-
#3c3a4a
#3c3a4a
rgb(60,58,74)
-
#454255
#454255
rgb(69,66,85)
-
#4e4b60
#4e4b60
rgb(78,75,96)
-
#57536b
#57536b
rgb(87,83,107)
-
#605c76
#605c76
rgb(96,92,118)
-
#696481
#696481
rgb(105,100,129)
-
#726d8c
#726d8c
rgb(114,109,140)
-
#7c7796
#7c7796
rgb(124,119,150)
-
#86829e
#86829e
rgb(134,130,158)
-
#918da7
#918da7
rgb(145,141,167)
-
#9c98af
#9c98af
rgb(156,152,175)
-
#a6a4b8
#a6a4b8
rgb(166,164,184)
-
#b1afc0
#b1afc0
rgb(177,175,192)
-
#bcbac9
#bcbac9
rgb(188,186,201)
-
#c6c5d2
#c6c5d2
rgb(198,197,210)
-
#d1d0da
#d1d0da
rgb(209,208,218)
-
#dcdbe3
#dcdbe3
rgb(220,219,227)
-
#e7e6eb
#e7e6eb
rgb(231,230,235)
-
#f1f1f4
#f1f1f4
rgb(241,241,244)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #33313f
A tone is produced by adding gray to any pure hue. In this case, #36353b is the less saturated color, while #11026e is the most saturated one.
-
#36353b
#36353b
rgb(54,53,59)
-
#33313f
#33313f
rgb(51,49,63)
-
#302d43
#302d43
rgb(48,45,67)
-
#2d2848
#2d2848
rgb(45,40,72)
-
#2a244c
#2a244c
rgb(42,36,76)
-
#272050
#272050
rgb(39,32,80)
-
#241b55
#241b55
rgb(36,27,85)
-
#211759
#211759
rgb(33,23,89)
-
#1d135d
#1d135d
rgb(29,19,93)
-
#1a0f61
#1a0f61
rgb(26,15,97)
-
#170a66
#170a66
rgb(23,10,102)
-
#14066a
#14066a
rgb(20,6,106)
-
#11026e
#11026e
rgb(17,2,110)
Color Blindness Simulator
Below, you can see how #33313f 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.