#33316d hex color

In a RGB color space, hex #33316d is composed of 20% red, 19.2% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 55% magenta, 0% yellow and 57.3% black. It has a hue angle of 242 degrees, a saturation of 38% and a lightness of 31%. #33316d color hex could be obtained by blending #6662da with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 19
- B 43
RGB color chart
- C 53
- M 55
- Y 0
- K 57
CMYK color chart

● #33316d color description : Very dark desaturated blue.

The hexadecimal color #33316d has RGB values of R:51, G:49, B:109 and CMYK values of C:0.53, M:0.55, Y:0, K:0.57. Its decimal value is 3354989.

Hex triplet	33316d	`#33316d`
RGB Decimal	51, 49, 109	`rgb(51,49,109)`
RGB Percent	20, 19.2, 42.7	`rgb(20%,19.2%,42.7%)`
CMYK	53, 55, 0, 57
HSL	242°, 38, 31	`hsl(242,38%,31%)`
HSV (or HSB)	242°, 55, 42.7
Web Safe	333366	`#333366`

CIE-LAB	23.686, 19.036, -34.789
XYZ	5.223, 4.004, 14.965
xyY	0.216, 0.166, 4.004
CIE-LCH	23.686, 39.656, 298.687
CIE-LUV	23.686, -2.53, -43.494
Hunter-Lab	20.011, 11.573, -30.331
Binary	00110011, 00110001, 01101101

#33316d
```
#33316d rgb(51,49,109)
```
#6b6d31
```
#6b6d31 rgb(107,109,49)
```

Complementary Color

#314d6d
```
#314d6d rgb(49,77,109)
```
#33316d
```
#33316d rgb(51,49,109)
```
#51316d
```
#51316d rgb(81,49,109)
```

Analogous Color

#4d6d31
```
#4d6d31 rgb(77,109,49)
```
#33316d
```
#33316d rgb(51,49,109)
```
#6d5131
```
#6d5131 rgb(109,81,49)
```

Split Complementary Color

#316d33
```
#316d33 rgb(49,109,51)
```
#33316d
```
#33316d rgb(51,49,109)
```
#6d3331
```
#6d3331 rgb(109,51,49)
```

Triadic Color

#316b6d
```
#316b6d rgb(49,107,109)
```
#33316d
```
#33316d rgb(51,49,109)
```
#6d3331
```
#6d3331 rgb(109,51,49)
```
#6b6d31
```
#6b6d31 rgb(107,109,49)
```

Tetradic Color

#1a1938
```
#1a1938 rgb(26,25,56)
```
#23214a
```
#23214a rgb(35,33,74)
```
#2b295b
```
#2b295b rgb(43,41,91)
```
#33316d
```
#33316d rgb(51,49,109)
```
#3b397f
```
#3b397f rgb(59,57,127)
```
#434190
```
#434190 rgb(67,65,144)
```
#4c49a2
```
#4c49a2 rgb(76,73,162)
```

Monochromatic Color

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

#313e6d
```
#313e6d rgb(49,62,109)
```
#31396d
```
#31396d rgb(49,57,109)
```
#31346d
```
#31346d rgb(49,52,109)
```
#33316d
```
#33316d rgb(51,49,109)
```
#38316d
```
#38316d rgb(56,49,109)
```
#3d316d
```
#3d316d rgb(61,49,109)
```
#42316d
```
#42316d rgb(66,49,109)
```

Similar Colors

Text with hexadecimal color #33316d

This text has a font color of #33316d.

<span style="color:#33316d;">Text here</span>

#33316d background color

This paragraph has a background color of #33316d.

<p style="background-color:#33316d;">Content here</p>

#33316d border color

This element has a border color of #33316d.

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

CSS codes

.text {color:#33316d;}

.background {background-color:#33316d;}

.border {border:1px solid #33316d;}

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

#000001
```
#000001 rgb(0,0,1)
```
#07060e
```
#07060e rgb(7,6,14)
```
#0d0d1c
```
#0d0d1c rgb(13,13,28)
```
#131329
```
#131329 rgb(19,19,41)
```
#1a1937
```
#1a1937 rgb(26,25,55)
```
#201f44
```
#201f44 rgb(32,31,68)
```
#262552
```
#262552 rgb(38,37,82)
```
#2d2b5f
```
#2d2b5f rgb(45,43,95)
```
#33316d
```
#33316d rgb(51,49,109)
```
#39377b
```
#39377b rgb(57,55,123)
```
#403d88
```
#403d88 rgb(64,61,136)
```
#464396
```
#464396 rgb(70,67,150)
```
#4c49a3
```
#4c49a3 rgb(76,73,163)
```

Shade Color Variation

#5350b0
```
#5350b0 rgb(83,80,176)
```
#605db6
```
#605db6 rgb(96,93,182)
```
#6e6bbc
```
#6e6bbc rgb(110,107,188)
```
#7b78c3
```
#7b78c3 rgb(123,120,195)
```
#8886c9
```
#8886c9 rgb(136,134,201)
```
#9593cf
```
#9593cf rgb(149,147,207)
```
#a3a1d5
```
#a3a1d5 rgb(163,161,213)
```
#b0afdb
```
#b0afdb rgb(176,175,219)
```
#bdbce1
```
#bdbce1 rgb(189,188,225)
```
#cbcae7
```
#cbcae7 rgb(203,202,231)
```
#d8d7ed
```
#d8d7ed rgb(216,215,237)
```
#e5e5f3
```
#e5e5f3 rgb(229,229,243)
```
#f2f2f9
```
#f2f2f9 rgb(242,242,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4955 is the less saturated color, while #06009e is the most saturated one.

#4a4955
```
#4a4955 rgb(74,73,85)
```
#44435b
```
#44435b rgb(68,67,91)
```
#3e3d61
```
#3e3d61 rgb(62,61,97)
```
#393767
```
#393767 rgb(57,55,103)
```
#33316d
```
#33316d rgb(51,49,109)
```
#2d2b73
```
#2d2b73 rgb(45,43,115)
```
#282579
```
#282579 rgb(40,37,121)
```
#221f7f
```
#221f7f rgb(34,31,127)
```
#1c1985
```
#1c1985 rgb(28,25,133)
```
#17138b
```
#17138b rgb(23,19,139)
```
#110d91
```
#110d91 rgb(17,13,145)
```
#0b0698
```
#0b0698 rgb(11,6,152)
```
#06009e
```
#06009e rgb(6,0,158)
```

Tone Color Variation

Below, you can see how #33316d 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

#383838 Achromatopsia 0.005% of the population
#373743 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d4079 Protanopia 1% of men
#004371 Deuteranopia 1% of men
#2d464b Tritanopia 0.001% of the population

Trichromacy

#253b74 Protanomaly 1% of men, 0.01% of women
#123c6f Deuteranomaly 6% of men, 0.4% of women
#2f3e57 Tritanomaly 0.01% of the population

#33316d hex color

#33316d Color Information

#33316d Color Conversion

Color Schemes with #33316d

Alternatives to #33316d

#33316d Preview

Shades and Tints of #33316d

Tones of #33316d

Color Blindness Simulator