#33222d Color Information
In a RGB color space, hex #33222d is composed of 20% red, 13.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 11.8% yellow and 80% black. It has a hue angle of 321.2 degrees, a saturation of 20% and a lightness of 16.7%. #33222d color hex could be obtained by blending #66445a with #000000. Closest websafe color is: #333333.
-
- R 20
- G 13
- B 18
-
- C 0
- M 33
- Y 12
- K 80
● #33222d color description : Very dark grayish pink.
#33222d Color Conversion
The hexadecimal color #33222d has RGB values of R:51, G:34, B:45 and CMYK values of C:0, M:0.33, Y:0.12, K:0.8. Its decimal value is 3351085.
Hex triplet | 33222d | #33222d |
---|---|---|
RGB Decimal | 51, 34, 45 | rgb(51,34,45) |
RGB Percent | 20, 13.3, 17.6 | rgb(20%,13.3%,17.6%) |
CMYK | 0, 33, 12, 80 | |
HSL | 321.2°, 20, 16.7 | hsl(321.2,20%,16.7%) |
HSV (or HSB) | 321.2°, 33.3, 20 | |
Web Safe | 333333 | #333333 |
CIE-LAB | 15.682, 10.347, -4.046 |
---|---|
XYZ | 2.411, 2.037, 2.749 |
xyY | 0.335, 0.283, 2.037 |
CIE-LCH | 15.682, 11.11, 338.643 |
CIE-LUV | 15.682, 7.364, -4.785 |
Hunter-Lab | 14.274, 5.17, -1.426 |
Binary | 00110011, 00100010, 00101101 |
Color Schemes with #33222d
Alternatives to #33222d
Below, you can see some colors close to #33222d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33222d Preview
This text has a font color of #33222d.
<span style="color:#33222d;">Text here</span>
This paragraph has a background color of #33222d.
<p style="background-color:#33222d;">Content here</p>
This element has a border color of #33222d.
<div style="border:1px solid #33222d;">Content here</div>
.text {color:#33222d;}
.background {background-color:#33222d;}
.border {border:1px solid #33222d;}
Shades and Tints of #33222d
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, #040303 is the darkest color, while #faf7f9 is the lightest one.
-
#040303
#040303
rgb(4,3,3)
-
#100a0e
#100a0e
rgb(16,10,14)
-
#1b1218
#1b1218
rgb(27,18,24)
-
#271a23
#271a23
rgb(39,26,35)
-
#33222d
#33222d
rgb(51,34,45)
-
#3f2a37
#3f2a37
rgb(63,42,55)
-
#4b3242
#4b3242
rgb(75,50,66)
-
#563a4c
#563a4c
rgb(86,58,76)
-
#624157
#624157
rgb(98,65,87)
-
#6e4961
#6e4961
rgb(110,73,97)
-
#7a516b
#7a516b
rgb(122,81,107)
-
#855976
#855976
rgb(133,89,118)
-
#916180
#916180
rgb(145,97,128)
-
#9c6a8a
#9c6a8a
rgb(156,106,138)
-
#a37693
#a37693
rgb(163,118,147)
-
#ab819d
#ab819d
rgb(171,129,157)
-
#b38da6
#b38da6
rgb(179,141,166)
-
#bb99af
#bb99af
rgb(187,153,175)
-
#c3a5b8
#c3a5b8
rgb(195,165,184)
-
#cbb1c1
#cbb1c1
rgb(203,177,193)
-
#d3bccb
#d3bccb
rgb(211,188,203)
-
#dac8d4
#dac8d4
rgb(218,200,212)
-
#e2d4dd
#e2d4dd
rgb(226,212,221)
-
#eae0e6
#eae0e6
rgb(234,224,230)
-
#f2ebf0
#f2ebf0
rgb(242,235,240)
-
#faf7f9
#faf7f9
rgb(250,247,249)
Tones of #33222d
A tone is produced by adding gray to any pure hue. In this case, #2c292b is the less saturated color, while #540137 is the most saturated one.
-
#2c292b
#2c292b
rgb(44,41,43)
-
#30252c
#30252c
rgb(48,37,44)
-
#33222d
#33222d
rgb(51,34,45)
-
#361f2e
#361f2e
rgb(54,31,46)
-
#3a1b2f
#3a1b2f
rgb(58,27,47)
-
#3d1830
#3d1830
rgb(61,24,48)
-
#401531
#401531
rgb(64,21,49)
-
#431232
#431232
rgb(67,18,50)
-
#470e33
#470e33
rgb(71,14,51)
-
#4a0b34
#4a0b34
rgb(74,11,52)
-
#4d0835
#4d0835
rgb(77,8,53)
-
#500536
#500536
rgb(80,5,54)
-
#540137
#540137
rgb(84,1,55)
Color Blindness Simulator
Below, you can see how #33222d 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.