#33226e Color Information
In a RGB color space, hex #33226e is composed of 20% red, 13.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 69.1% magenta, 0% yellow and 56.9% black. It has a hue angle of 253.4 degrees, a saturation of 52.8% and a lightness of 28.2%. #33226e color hex could be obtained by blending #6644dc with #000000. Closest websafe color is: #333366.
-
- R 20
- G 13
- B 43
-
- C 54
- M 69
- Y 0
- K 57
● #33226e color description : Very dark blue.
#33226e Color Conversion
The hexadecimal color #33226e has RGB values of R:51, G:34, B:110 and CMYK values of C:0.54, M:0.69, Y:0, K:0.57. Its decimal value is 3351150.
| Hex triplet | 33226e | #33226e |
|---|---|---|
| RGB Decimal | 51, 34, 110 | rgb(51,34,110) |
| RGB Percent | 20, 13.3, 43.1 | rgb(20%,13.3%,43.1%) |
| CMYK | 54, 69, 0, 57 | |
| HSL | 253.4°, 52.8, 28.2 | hsl(253.4,52.8%,28.2%) |
| HSV (or HSB) | 253.4°, 69.1, 43.1 | |
| Web Safe | 333366 | #333366 |
| CIE-LAB | 19.938, 29.283, -41.503 |
|---|---|
| XYZ | 4.751, 2.974, 15.075 |
| xyY | 0.208, 0.13, 2.974 |
| CIE-LCH | 19.938, 50.794, 305.206 |
| CIE-LUV | 19.938, 0.805, -48.047 |
| Hunter-Lab | 17.244, 19.005, -39.76 |
| Binary | 00110011, 00100010, 01101110 |
Color Schemes with #33226e
Alternatives to #33226e
Below, you can see some colors close to #33226e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33226e Preview
This text has a font color of #33226e.
<span style="color:#33226e;">Text here</span>
This paragraph has a background color of #33226e.
<p style="background-color:#33226e;">Content here</p>
This element has a border color of #33226e.
<div style="border:1px solid #33226e;">Content here</div>
.text {color:#33226e;}
.background {background-color:#33226e;}
.border {border:1px solid #33226e;}
Shades and Tints of #33226e
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, #020205 is the darkest color, while #f7f5fc is the lightest one.
-
#020205
#020205rgb(2,2,5) -
#090614
#090614rgb(9,6,20) -
#100b23
#100b23rgb(16,11,35) -
#170f32
#170f32rgb(23,15,50) -
#1e1441
#1e1441rgb(30,20,65) -
#251950
#251950rgb(37,25,80) -
#2c1d5f
#2c1d5frgb(44,29,95) -
#33226e
#33226ergb(51,34,110) -
#3a277d
#3a277drgb(58,39,125) -
#412b8c
#412b8crgb(65,43,140) -
#48309b
#48309brgb(72,48,155) -
#4f35aa
#4f35aargb(79,53,170) -
#5639b9
#5639b9rgb(86,57,185)
-
#5f41c4
#5f41c4rgb(95,65,196) -
#6b50c9
#6b50c9rgb(107,80,201) -
#785fce
#785fcergb(120,95,206) -
#856ed2
#856ed2rgb(133,110,210) -
#917dd7
#917dd7rgb(145,125,215) -
#9e8cdc
#9e8cdcrgb(158,140,220) -
#ab9be0
#ab9be0rgb(171,155,224) -
#b7aae5
#b7aae5rgb(183,170,229) -
#c4b9e9
#c4b9e9rgb(196,185,233) -
#d1c8ee
#d1c8eergb(209,200,238) -
#ddd7f3
#ddd7f3rgb(221,215,243) -
#eae6f7
#eae6f7rgb(234,230,247) -
#f7f5fc
#f7f5fcrgb(247,245,252)
Tones of #33226e
A tone is produced by adding gray to any pure hue. In this case, #45434d is the less saturated color, while #21018f is the most saturated one.
-
#45434d
#45434drgb(69,67,77) -
#423e52
#423e52rgb(66,62,82) -
#3f3858
#3f3858rgb(63,56,88) -
#3c335d
#3c335drgb(60,51,93) -
#392d63
#392d63rgb(57,45,99) -
#362868
#362868rgb(54,40,104) -
#33226e
#33226ergb(51,34,110) -
#301c74
#301c74rgb(48,28,116) -
#2d1779
#2d1779rgb(45,23,121) -
#2a117f
#2a117frgb(42,17,127) -
#270c84
#270c84rgb(39,12,132) -
#24068a
#24068argb(36,6,138) -
#21018f
#21018frgb(33,1,143)
Color Blindness Simulator
Below, you can see how #33226e 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.
