#33224c hex color

In a RGB color space, hex #33224c is composed of 20% red, 13.3% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 55.3% magenta, 0% yellow and 70.2% black. It has a hue angle of 264.3 degrees, a saturation of 38.2% and a lightness of 21.6%. #33224c color hex could be obtained by blending #664498 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 13
- B 30
RGB color chart
- C 33
- M 55
- Y 0
- K 70
CMYK color chart

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

The hexadecimal color #33224c has RGB values of R:51, G:34, B:76 and CMYK values of C:0.33, M:0.55, Y:0, K:0.7. Its decimal value is 3351116.

Hex triplet	33224c	`#33224c`
RGB Decimal	51, 34, 76	`rgb(51,34,76)`
RGB Percent	20, 13.3, 29.8	`rgb(20%,13.3%,29.8%)`
CMYK	33, 55, 0, 70
HSL	264.3°, 38.2, 21.6	`hsl(264.3,38.2%,21.6%)`
HSV (or HSB)	264.3°, 55.3, 29.8
Web Safe	333333	`#333333`

CIE-LAB	17.319, 18.532, -23.143
XYZ	3.242, 2.37, 7.124
xyY	0.255, 0.186, 2.37
CIE-LCH	17.319, 29.649, 308.686
CIE-LUV	17.319, 3.984, -25.625
Hunter-Lab	15.394, 10.649, -16.662
Binary	00110011, 00100010, 01001100

#33224c
```
#33224c rgb(51,34,76)
```
#3b4c22
```
#3b4c22 rgb(59,76,34)
```

Complementary Color

#22264c
```
#22264c rgb(34,38,76)
```
#33224c
```
#33224c rgb(51,34,76)
```
#48224c
```
#48224c rgb(72,34,76)
```

Analogous Color

#264c22
```
#264c22 rgb(38,76,34)
```
#33224c
```
#33224c rgb(51,34,76)
```
#4c4822
```
#4c4822 rgb(76,72,34)
```

Split Complementary Color

#224c33
```
#224c33 rgb(34,76,51)
```
#33224c
```
#33224c rgb(51,34,76)
```
#4c3322
```
#4c3322 rgb(76,51,34)
```

Triadic Color

#223b4c
```
#223b4c rgb(34,59,76)
```
#33224c
```
#33224c rgb(51,34,76)
```
#4c3322
```
#4c3322 rgb(76,51,34)
```
#3b4c22
```
#3b4c22 rgb(59,76,34)
```

Tetradic Color

#100a17
```
#100a17 rgb(16,10,23)
```
#1b1229
```
#1b1229 rgb(27,18,41)
```
#271a3a
```
#271a3a rgb(39,26,58)
```
#33224c
```
#33224c rgb(51,34,76)
```
#3f2a5e
```
#3f2a5e rgb(63,42,94)
```
#4b326f
```
#4b326f rgb(75,50,111)
```
#563a81
```
#563a81 rgb(86,58,129)
```

Monochromatic Color

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

#29224c
```
#29224c rgb(41,34,76)
```
#2c224c
```
#2c224c rgb(44,34,76)
```
#30224c
```
#30224c rgb(48,34,76)
```
#33224c
```
#33224c rgb(51,34,76)
```
#37224c
```
#37224c rgb(55,34,76)
```
#3a224c
```
#3a224c rgb(58,34,76)
```
#3e224c
```
#3e224c rgb(62,34,76)
```

Similar Colors

Text with hexadecimal color #33224c

This text has a font color of #33224c.

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

#33224c background color

This paragraph has a background color of #33224c.

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

#33224c border color

This element has a border color of #33224c.

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

CSS codes

.text {color:#33224c;}

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

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

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, #060408 is the darkest color, while #fbfafd is the lightest one.

#060408
```
#060408 rgb(6,4,8)
```
#0f0a16
```
#0f0a16 rgb(15,10,22)
```
#181023
```
#181023 rgb(24,16,35)
```
#211631
```
#211631 rgb(33,22,49)
```
#2a1c3e
```
#2a1c3e rgb(42,28,62)
```
#33224c
```
#33224c rgb(51,34,76)
```
#3c285a
```
#3c285a rgb(60,40,90)
```
#452e67
```
#452e67 rgb(69,46,103)
```
#4e3475
```
#4e3475 rgb(78,52,117)
```
#573a82
```
#573a82 rgb(87,58,130)
```
#604090
```
#604090 rgb(96,64,144)
```
#6a469d
```
#6a469d rgb(106,70,157)
```
#734cab
```
#734cab rgb(115,76,171)
```

Shade Color Variation

#7d57b4
```
#7d57b4 rgb(125,87,180)
```
#8765ba
```
#8765ba rgb(135,101,186)
```
#9272c0
```
#9272c0 rgb(146,114,192)
```
#9c80c6
```
#9c80c6 rgb(156,128,198)
```
#a78dcc
```
#a78dcc rgb(167,141,204)
```
#b19bd2
```
#b19bd2 rgb(177,155,210)
```
#bca8d8
```
#bca8d8 rgb(188,168,216)
```
#c6b6de
```
#c6b6de rgb(198,182,222)
```
#d1c3e4
```
#d1c3e4 rgb(209,195,228)
```
#dbd1ea
```
#dbd1ea rgb(219,209,234)
```
#e6dff0
```
#e6dff0 rgb(230,223,240)
```
#f0ecf7
```
#f0ecf7 rgb(240,236,247)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#36333b
```
#36333b rgb(54,51,59)
```
#352f3f
```
#352f3f rgb(53,47,63)
```
#352a44
```
#352a44 rgb(53,42,68)
```
#342648
```
#342648 rgb(52,38,72)
```
#33224c
```
#33224c rgb(51,34,76)
```
#321e50
```
#321e50 rgb(50,30,80)
```
#311a54
```
#311a54 rgb(49,26,84)
```
#311559
```
#311559 rgb(49,21,89)
```
#30115d
```
#30115d rgb(48,17,93)
```
#2f0d61
```
#2f0d61 rgb(47,13,97)
```
#2e0965
```
#2e0965 rgb(46,9,101)
```
#2d046a
```
#2d046a rgb(45,4,106)
```
#2d006e
```
#2d006e rgb(45,0,110)
```

Tone Color Variation

Below, you can see how #33224c 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
#2d2a32 Atypical Achromatopsia 0.001% of the population

Dichromacy

#21345a Protanopia 1% of men
#233552 Deuteranopia 1% of men
#363438 Tritanopia 0.001% of the population

Trichromacy

#272d55 Protanomaly 1% of men, 0.01% of women
#282e50 Deuteranomaly 6% of men, 0.4% of women
#352e3f Tritanomaly 0.01% of the population

#33224c hex color

#33224c Color Information

#33224c Color Conversion

Color Schemes with #33224c

Alternatives to #33224c

#33224c Preview

Shades and Tints of #33224c

Tones of #33224c

Color Blindness Simulator