#311276 hex color

In a RGB color space, hex #311276 is composed of 19.2% red, 7.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 84.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 258.6 degrees, a saturation of 73.5% and a lightness of 26.7%. #311276 color hex could be obtained by blending #6224ec with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 7
- B 46
RGB color chart
- C 58
- M 85
- Y 0
- K 54
CMYK color chart

● #311276 color description : Dark violet.

The hexadecimal color #311276 has RGB values of R:49, G:18, B:118 and CMYK values of C:0.58, M:0.85, Y:0, K:0.54. Its decimal value is 3215990.

Hex triplet	311276	`#311276`
RGB Decimal	49, 18, 118	`rgb(49,18,118)`
RGB Percent	19.2, 7.1, 46.3	`rgb(19.2%,7.1%,46.3%)`
CMYK	58, 85, 0, 54
HSL	258.6°, 73.5, 26.7	`hsl(258.6,73.5%,26.7%)`
HSV (or HSB)	258.6°, 84.7, 46.3
Web Safe	330066	`#330066`

CIE-LAB	17.43, 40.108, -50.791
XYZ	4.752, 2.393, 17.35
xyY	0.194, 0.098, 2.393
CIE-LCH	17.43, 64.717, 308.297
CIE-LUV	17.43, 1.634, -53.468
Hunter-Lab	15.471, 27.758, -55.662
Binary	00110001, 00010010, 01110110

#311276
```
#311276 rgb(49,18,118)
```
#577612
```
#577612 rgb(87,118,18)
```

Complementary Color

#122576
```
#122576 rgb(18,37,118)
```
#311276
```
#311276 rgb(49,18,118)
```
#631276
```
#631276 rgb(99,18,118)
```

Analogous Color

#257612
```
#257612 rgb(37,118,18)
```
#311276
```
#311276 rgb(49,18,118)
```
#766312
```
#766312 rgb(118,99,18)
```

Split Complementary Color

#127631
```
#127631 rgb(18,118,49)
```
#311276
```
#311276 rgb(49,18,118)
```
#763112
```
#763112 rgb(118,49,18)
```

Triadic Color

#125776
```
#125776 rgb(18,87,118)
```
#311276
```
#311276 rgb(49,18,118)
```
#763112
```
#763112 rgb(118,49,18)
```
#577612
```
#577612 rgb(87,118,18)
```

Tetradic Color

#150834
```
#150834 rgb(21,8,52)
```
#1f0b4a
```
#1f0b4a rgb(31,11,74)
```
#280f60
```
#280f60 rgb(40,15,96)
```
#311276
```
#311276 rgb(49,18,118)
```
#3a158c
```
#3a158c rgb(58,21,140)
```
#4319a2
```
#4319a2 rgb(67,25,162)
```
#4d1cb8
```
#4d1cb8 rgb(77,28,184)
```

Monochromatic Color

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

#181276
```
#181276 rgb(24,18,118)
```
#201276
```
#201276 rgb(32,18,118)
```
#291276
```
#291276 rgb(41,18,118)
```
#311276
```
#311276 rgb(49,18,118)
```
#391276
```
#391276 rgb(57,18,118)
```
#421276
```
#421276 rgb(66,18,118)
```
#4a1276
```
#4a1276 rgb(74,18,118)
```

Similar Colors

Text with hexadecimal color #311276

This text has a font color of #311276.

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

#311276 background color

This paragraph has a background color of #311276.

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

#311276 border color

This element has a border color of #311276.

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

CSS codes

.text {color:#311276;}

.background {background-color:#311276;}

.border {border:1px solid #311276;}

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

#070210
```
#070210 rgb(7,2,16)
```
#0e0521
```
#0e0521 rgb(14,5,33)
```
#150832
```
#150832 rgb(21,8,50)
```
#1c0a43
```
#1c0a43 rgb(28,10,67)
```
#230d54
```
#230d54 rgb(35,13,84)
```
#2a0f65
```
#2a0f65 rgb(42,15,101)
```
#311276
```
#311276 rgb(49,18,118)
```
#381587
```
#381587 rgb(56,21,135)
```
#3f1798
```
#3f1798 rgb(63,23,152)
```
#461aa9
```
#461aa9 rgb(70,26,169)
```
#4d1cba
```
#4d1cba rgb(77,28,186)
```
#541fcb
```
#541fcb rgb(84,31,203)
```
#5b22dc
```
#5b22dc rgb(91,34,220)
```

Shade Color Variation

#6832e0
```
#6832e0 rgb(104,50,224)
```
#7443e2
```
#7443e2 rgb(116,67,226)
```
#8154e5
```
#8154e5 rgb(129,84,229)
```
#8d65e7
```
#8d65e7 rgb(141,101,231)
```
#9a76ea
```
#9a76ea rgb(154,118,234)
```
#a687ed
```
#a687ed rgb(166,135,237)
```
#b398ef
```
#b398ef rgb(179,152,239)
```
#bfa9f2
```
#bfa9f2 rgb(191,169,242)
```
#ccbaf4
```
#ccbaf4 rgb(204,186,244)
```
#d9cbf7
```
#d9cbf7 rgb(217,203,247)
```
#e5dcfa
```
#e5dcfa rgb(229,220,250)
```
#f2edfc
```
#f2edfc rgb(242,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#434147
```
#434147 rgb(67,65,71)
```
#413c4c
```
#413c4c rgb(65,60,76)
```
#3f3751
```
#3f3751 rgb(63,55,81)
```
#3d3157
```
#3d3157 rgb(61,49,87)
```
#3b2c5c
```
#3b2c5c rgb(59,44,92)
```
#392761
```
#392761 rgb(57,39,97)
```
#372266
```
#372266 rgb(55,34,102)
```
#351c6c
```
#351c6c rgb(53,28,108)
```
#331771
```
#331771 rgb(51,23,113)
```
#311276
```
#311276 rgb(49,18,118)
```
#2f0d7b
```
#2f0d7b rgb(47,13,123)
```
#2d0880
```
#2d0880 rgb(45,8,128)
```
#2b0286
```
#2b0286 rgb(43,2,134)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#292337 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003465 Protanopia 1% of men
#003758 Deuteranopia 1% of men
#1b3a3e Tritanopia 0.001% of the population

Trichromacy

#11276b Protanomaly 1% of men, 0.01% of women
#112963 Deuteranomaly 6% of men, 0.4% of women
#232b52 Tritanomaly 0.01% of the population

#311276 hex color

#311276 Color Information

#311276 Color Conversion

Color Schemes with #311276

Alternatives to #311276

#311276 Preview

Shades and Tints of #311276

Tones of #311276

Color Blindness Simulator