#33224e hex color

In a RGB color space, hex #33224e is composed of 20% red, 13.3% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 56.4% magenta, 0% yellow and 69.4% black. It has a hue angle of 263.2 degrees, a saturation of 39.3% and a lightness of 22%. #33224e color hex could be obtained by blending #66449c with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 13
- B 31
RGB color chart
- C 35
- M 56
- Y 0
- K 69
CMYK color chart

● #33224e color description : Very dark desaturated violet.

The hexadecimal color #33224e has RGB values of R:51, G:34, B:78 and CMYK values of C:0.35, M:0.56, Y:0, K:0.69. Its decimal value is 3351118.

Hex triplet	33224e	`#33224e`
RGB Decimal	51, 34, 78	`rgb(51,34,78)`
RGB Percent	20, 13.3, 30.6	`rgb(20%,13.3%,30.6%)`
CMYK	35, 56, 0, 69
HSL	263.2°, 39.3, 22	`hsl(263.2,39.3%,22%)`
HSV (or HSB)	263.2°, 56.4, 30.6
Web Safe	333366	`#333366`

CIE-LAB	17.451, 19.133, -24.295
XYZ	3.312, 2.398, 7.496
xyY	0.251, 0.182, 2.398
CIE-LCH	17.451, 30.924, 308.221
CIE-LUV	17.451, 3.778, -26.983
Hunter-Lab	15.485, 11.081, -17.86
Binary	00110011, 00100010, 01001110

#33224e
```
#33224e rgb(51,34,78)
```
#3d4e22
```
#3d4e22 rgb(61,78,34)
```

Complementary Color

#22274e
```
#22274e rgb(34,39,78)
```
#33224e
```
#33224e rgb(51,34,78)
```
#49224e
```
#49224e rgb(73,34,78)
```

Analogous Color

#274e22
```
#274e22 rgb(39,78,34)
```
#33224e
```
#33224e rgb(51,34,78)
```
#4e4922
```
#4e4922 rgb(78,73,34)
```

Split Complementary Color

#224e33
```
#224e33 rgb(34,78,51)
```
#33224e
```
#33224e rgb(51,34,78)
```
#4e3322
```
#4e3322 rgb(78,51,34)
```

Triadic Color

#223d4e
```
#223d4e rgb(34,61,78)
```
#33224e
```
#33224e rgb(51,34,78)
```
#4e3322
```
#4e3322 rgb(78,51,34)
```
#3d4e22
```
#3d4e22 rgb(61,78,34)
```

Tetradic Color

#100b19
```
#100b19 rgb(16,11,25)
```
#1c132a
```
#1c132a rgb(28,19,42)
```
#271a3c
```
#271a3c rgb(39,26,60)
```
#33224e
```
#33224e rgb(51,34,78)
```
#3f2a60
```
#3f2a60 rgb(63,42,96)
```
#4a3172
```
#4a3172 rgb(74,49,114)
```
#563983
```
#563983 rgb(86,57,131)
```

Monochromatic Color

Below, you can see some colors close to #33224e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#28224e
```
#28224e rgb(40,34,78)
```
#2c224e
```
#2c224e rgb(44,34,78)
```
#2f224e
```
#2f224e rgb(47,34,78)
```
#33224e
```
#33224e rgb(51,34,78)
```
#37224e
```
#37224e rgb(55,34,78)
```
#3a224e
```
#3a224e rgb(58,34,78)
```
#3e224e
```
#3e224e rgb(62,34,78)
```

Similar Colors

Text with hexadecimal color #33224e

This text has a font color of #33224e.

<span style="color:#33224e;">Text here</span>

#33224e background color

This paragraph has a background color of #33224e.

<p style="background-color:#33224e;">Content here</p>

#33224e border color

This element has a border color of #33224e.

<div style="border:1px solid #33224e;">Content here</div>

CSS codes

.text {color:#33224e;}

.background {background-color:#33224e;}

.border {border:1px solid #33224e;}

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, #06040a is the darkest color, while #fcfbfd is the lightest one.

#06040a
```
#06040a rgb(6,4,10)
```
#0f0a17
```
#0f0a17 rgb(15,10,23)
```
#181025
```
#181025 rgb(24,16,37)
```
#211633
```
#211633 rgb(33,22,51)
```
#2a1c40
```
#2a1c40 rgb(42,28,64)
```
#33224e
```
#33224e rgb(51,34,78)
```
#3c285c
```
#3c285c rgb(60,40,92)
```
#452e69
```
#452e69 rgb(69,46,105)
```
#4e3477
```
#4e3477 rgb(78,52,119)
```
#573a85
```
#573a85 rgb(87,58,133)
```
#604092
```
#604092 rgb(96,64,146)
```
#6946a0
```
#6946a0 rgb(105,70,160)
```
#724cae
```
#724cae rgb(114,76,174)
```

Shade Color Variation

#7c57b6
```
#7c57b6 rgb(124,87,182)
```
#8665bc
```
#8665bc rgb(134,101,188)
```
#9172c2
```
#9172c2 rgb(145,114,194)
```
#9c80c8
```
#9c80c8 rgb(156,128,200)
```
#a68ece
```
#a68ece rgb(166,142,206)
```
#b19bd4
```
#b19bd4 rgb(177,155,212)
```
#bca9da
```
#bca9da rgb(188,169,218)
```
#c6b7df
```
#c6b7df rgb(198,183,223)
```
#d1c4e5
```
#d1c4e5 rgb(209,196,229)
```
#dcd2eb
```
#dcd2eb rgb(220,210,235)
```
#e7e0f1
```
#e7e0f1 rgb(231,224,241)
```
#f1edf7
```
#f1edf7 rgb(241,237,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #383838 is the less saturated color, while #2c046c is the most saturated one.

#383838
```
#383838 rgb(56,56,56)
```
#37333d
```
#37333d rgb(55,51,61)
```
#362f41
```
#362f41 rgb(54,47,65)
```
#352b45
```
#352b45 rgb(53,43,69)
```
#34264a
```
#34264a rgb(52,38,74)
```
#33224e
```
#33224e rgb(51,34,78)
```
#321e52
```
#321e52 rgb(50,30,82)
```
#311957
```
#311957 rgb(49,25,87)
```
#30155b
```
#30155b rgb(48,21,91)
```
#2f115f
```
#2f115f rgb(47,17,95)
```
#2e0c64
```
#2e0c64 rgb(46,12,100)
```
#2d0868
```
#2d0868 rgb(45,8,104)
```
#2c046c
```
#2c046c rgb(44,4,108)
```

Tone Color Variation

Below, you can see how #33224e 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.

Monochromacy

#2c2c2c Achromatopsia 0.005% of the population
#2d2a33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f345d Protanopia 1% of men
#213654 Deuteranopia 1% of men
#363539 Tritanopia 0.001% of the population

Trichromacy

#262d57 Protanomaly 1% of men, 0.01% of women
#272e51 Deuteranomaly 6% of men, 0.4% of women
#352e40 Tritanomaly 0.01% of the population

#33224e hex color

#33224e Color Information

#33224e Color Conversion

Color Schemes with #33224e

Alternatives to #33224e

#33224e Preview

Shades and Tints of #33224e

Tones of #33224e

Color Blindness Simulator