#33225e hex color

In a RGB color space, hex #33225e is composed of 20% red, 13.3% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 63.8% magenta, 0% yellow and 63.1% black. It has a hue angle of 257 degrees, a saturation of 46.9% and a lightness of 25.1%. #33225e color hex could be obtained by blending #6644bc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 13
- B 37
RGB color chart
- C 46
- M 64
- Y 0
- K 63
CMYK color chart

● #33225e color description : Very dark violet.

The hexadecimal color #33225e has RGB values of R:51, G:34, B:94 and CMYK values of C:0.46, M:0.64, Y:0, K:0.63. Its decimal value is 3351134.

Hex triplet	33225e	`#33225e`
RGB Decimal	51, 34, 94	`rgb(51,34,94)`
RGB Percent	20, 13.3, 36.9	`rgb(20%,13.3%,36.9%)`
CMYK	46, 64, 0, 63
HSL	257°, 46.9, 25.1	`hsl(257,46.9%,25.1%)`
HSV (or HSB)	257°, 63.8, 36.9
Web Safe	333366	`#333366`

CIE-LAB	18.61, 24.116, -33.174
XYZ	3.957, 2.656, 10.893
xyY	0.226, 0.152, 2.656
CIE-LCH	18.61, 41.013, 306.016
CIE-LUV	18.61, 2.211, -37.686
Hunter-Lab	16.297, 14.824, -28.222
Binary	00110011, 00100010, 01011110

#33225e
```
#33225e rgb(51,34,94)
```
#4d5e22
```
#4d5e22 rgb(77,94,34)
```

Complementary Color

#222f5e
```
#222f5e rgb(34,47,94)
```
#33225e
```
#33225e rgb(51,34,94)
```
#51225e
```
#51225e rgb(81,34,94)
```

Analogous Color

#2f5e22
```
#2f5e22 rgb(47,94,34)
```
#33225e
```
#33225e rgb(51,34,94)
```
#5e5122
```
#5e5122 rgb(94,81,34)
```

Split Complementary Color

#225e33
```
#225e33 rgb(34,94,51)
```
#33225e
```
#33225e rgb(51,34,94)
```
#5e3322
```
#5e3322 rgb(94,51,34)
```

Triadic Color

#224d5e
```
#224d5e rgb(34,77,94)
```
#33225e
```
#33225e rgb(51,34,94)
```
#5e3322
```
#5e3322 rgb(94,51,34)
```
#4d5e22
```
#4d5e22 rgb(77,94,34)
```

Tetradic Color

#150e26
```
#150e26 rgb(21,14,38)
```
#1f1439
```
#1f1439 rgb(31,20,57)
```
#291b4b
```
#291b4b rgb(41,27,75)
```
#33225e
```
#33225e rgb(51,34,94)
```
#3d2971
```
#3d2971 rgb(61,41,113)
```
#473083
```
#473083 rgb(71,48,131)
```
#513696
```
#513696 rgb(81,54,150)
```

Monochromatic Color

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

#24225e
```
#24225e rgb(36,34,94)
```
#29225e
```
#29225e rgb(41,34,94)
```
#2e225e
```
#2e225e rgb(46,34,94)
```
#33225e
```
#33225e rgb(51,34,94)
```
#38225e
```
#38225e rgb(56,34,94)
```
#3d225e
```
#3d225e rgb(61,34,94)
```
#42225e
```
#42225e rgb(66,34,94)
```

Similar Colors

Text with hexadecimal color #33225e

This text has a font color of #33225e.

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

#33225e background color

This paragraph has a background color of #33225e.

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

#33225e border color

This element has a border color of #33225e.

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

CSS codes

.text {color:#33225e;}

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

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

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

#040308
```
#040308 rgb(4,3,8)
```
#0c0816
```
#0c0816 rgb(12,8,22)
```
#140d24
```
#140d24 rgb(20,13,36)
```
#1c1233
```
#1c1233 rgb(28,18,51)
```
#231841
```
#231841 rgb(35,24,65)
```
#2b1d50
```
#2b1d50 rgb(43,29,80)
```
#33225e
```
#33225e rgb(51,34,94)
```
#3b276c
```
#3b276c rgb(59,39,108)
```
#432c7b
```
#432c7b rgb(67,44,123)
```
#4a3289
```
#4a3289 rgb(74,50,137)
```
#523798
```
#523798 rgb(82,55,152)
```
#5a3ca6
```
#5a3ca6 rgb(90,60,166)
```
#6241b4
```
#6241b4 rgb(98,65,180)
```

Shade Color Variation

#6c4bbe
```
#6c4bbe rgb(108,75,190)
```
#785ac3
```
#785ac3 rgb(120,90,195)
```
#8368c8
```
#8368c8 rgb(131,104,200)
```
#8f77ce
```
#8f77ce rgb(143,119,206)
```
#9b85d3
```
#9b85d3 rgb(155,133,211)
```
#a793d8
```
#a793d8 rgb(167,147,216)
```
#b3a2dd
```
#b3a2dd rgb(179,162,221)
```
#beb0e2
```
#beb0e2 rgb(190,176,226)
```
#cabfe8
```
#cabfe8 rgb(202,191,232)
```
#d6cded
```
#d6cded rgb(214,205,237)
```
#e2dbf2
```
#e2dbf2 rgb(226,219,242)
```
#eeeaf7
```
#eeeaf7 rgb(238,234,247)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#404040
```
#404040 rgb(64,64,64)
```
#3e3b45
```
#3e3b45 rgb(62,59,69)
```
#3c364a
```
#3c364a rgb(60,54,74)
```
#39314f
```
#39314f rgb(57,49,79)
```
#372c54
```
#372c54 rgb(55,44,84)
```
#352759
```
#352759 rgb(53,39,89)
```
#33225e
```
#33225e rgb(51,34,94)
```
#311d63
```
#311d63 rgb(49,29,99)
```
#2f1868
```
#2f1868 rgb(47,24,104)
```
#2d136d
```
#2d136d rgb(45,19,109)
```
#2a0e72
```
#2a0e72 rgb(42,14,114)
```
#280977
```
#280977 rgb(40,9,119)
```
#26047c
```
#26047c rgb(38,4,124)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2c38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366a Protanopia 1% of men
#00395e Deuteranopia 1% of men
#31393d Tritanopia 0.001% of the population

Trichromacy

#122f66 Protanomaly 1% of men, 0.01% of women
#12305e Deuteranomaly 6% of men, 0.4% of women
#313049 Tritanomaly 0.01% of the population

#33225e hex color

#33225e Color Information

#33225e Color Conversion

Color Schemes with #33225e

Alternatives to #33225e

#33225e Preview

Shades and Tints of #33225e

Tones of #33225e

Color Blindness Simulator