#311154 hex color

In a RGB color space, hex #311154 is composed of 19.2% red, 6.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 79.8% magenta, 0% yellow and 67.1% black. It has a hue angle of 268.7 degrees, a saturation of 66.3% and a lightness of 19.8%. #311154 color hex could be obtained by blending #6222a8 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 7
- B 33
RGB color chart
- C 42
- M 80
- Y 0
- K 67
CMYK color chart

● #311154 color description : Very dark violet.

The hexadecimal color #311154 has RGB values of R:49, G:17, B:84 and CMYK values of C:0.42, M:0.8, Y:0, K:0.67. Its decimal value is 3215700.

Hex triplet	311154	`#311154`
RGB Decimal	49, 17, 84	`rgb(49,17,84)`
RGB Percent	19.2, 6.7, 32.9	`rgb(19.2%,6.7%,32.9%)`
CMYK	42, 80, 0, 67
HSL	268.7°, 66.3, 19.8	`hsl(268.7,66.3%,19.8%)`
HSV (or HSB)	268.7°, 79.8, 32.9
Web Safe	330066	`#330066`

CIE-LAB	13.792, 30.771, -34.288
XYZ	3.067, 1.694, 8.552
xyY	0.23, 0.127, 1.694
CIE-LCH	13.792, 46.071, 311.906
CIE-LUV	13.792, 5.161, -33.475
Hunter-Lab	13.015, 19.287, -29.849
Binary	00110001, 00010001, 01010100

#311154
```
#311154 rgb(49,17,84)
```
#345411
```
#345411 rgb(52,84,17)
```

Complementary Color

#111354
```
#111354 rgb(17,19,84)
```
#311154
```
#311154 rgb(49,17,84)
```
#531154
```
#531154 rgb(83,17,84)
```

Analogous Color

#135411
```
#135411 rgb(19,84,17)
```
#311154
```
#311154 rgb(49,17,84)
```
#545311
```
#545311 rgb(84,83,17)
```

Split Complementary Color

#115431
```
#115431 rgb(17,84,49)
```
#311154
```
#311154 rgb(49,17,84)
```
#543111
```
#543111 rgb(84,49,17)
```

Triadic Color

#113454
```
#113454 rgb(17,52,84)
```
#311154
```
#311154 rgb(49,17,84)
```
#543111
```
#543111 rgb(84,49,17)
```
#345411
```
#345411 rgb(52,84,17)
```

Tetradic Color

#0c0414
```
#0c0414 rgb(12,4,20)
```
#18082a
```
#18082a rgb(24,8,42)
```
#250d3f
```
#250d3f rgb(37,13,63)
```
#311154
```
#311154 rgb(49,17,84)
```
#3d1569
```
#3d1569 rgb(61,21,105)
```
#4a1a7e
```
#4a1a7e rgb(74,26,126)
```
#561e94
```
#561e94 rgb(86,30,148)
```

Monochromatic Color

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

#201154
```
#201154 rgb(32,17,84)
```
#261154
```
#261154 rgb(38,17,84)
```
#2b1154
```
#2b1154 rgb(43,17,84)
```
#311154
```
#311154 rgb(49,17,84)
```
#371154
```
#371154 rgb(55,17,84)
```
#3c1154
```
#3c1154 rgb(60,17,84)
```
#421154
```
#421154 rgb(66,17,84)
```

Similar Colors

Text with hexadecimal color #311154

This text has a font color of #311154.

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

#311154 background color

This paragraph has a background color of #311154.

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

#311154 border color

This element has a border color of #311154.

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

CSS codes

.text {color:#311154;}

.background {background-color:#311154;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0b0413
```
#0b0413 rgb(11,4,19)
```
#140723
```
#140723 rgb(20,7,35)
```
#1e0a33
```
#1e0a33 rgb(30,10,51)
```
#270e44
```
#270e44 rgb(39,14,68)
```
#311154
```
#311154 rgb(49,17,84)
```
#3b1464
```
#3b1464 rgb(59,20,100)
```
#441875
```
#441875 rgb(68,24,117)
```
#4e1b85
```
#4e1b85 rgb(78,27,133)
```
#571e95
```
#571e95 rgb(87,30,149)
```
#6122a6
```
#6122a6 rgb(97,34,166)
```
#6a25b6
```
#6a25b6 rgb(106,37,182)
```
#7428c6
```
#7428c6 rgb(116,40,198)
```

Shade Color Variation

#7d2dd5
```
#7d2dd5 rgb(125,45,213)
```
#873ed8
```
#873ed8 rgb(135,62,216)
```
#914edb
```
#914edb rgb(145,78,219)
```
#9c5ede
```
#9c5ede rgb(156,94,222)
```
#a66fe2
```
#a66fe2 rgb(166,111,226)
```
#b07fe5
```
#b07fe5 rgb(176,127,229)
```
#ba8fe8
```
#ba8fe8 rgb(186,143,232)
```
#c4a0ec
```
#c4a0ec rgb(196,160,236)
```
#ceb0ef
```
#ceb0ef rgb(206,176,239)
```
#d8c0f2
```
#d8c0f2 rgb(216,192,242)
```
#e2d0f6
```
#e2d0f6 rgb(226,208,246)
```
#ece1f9
```
#ece1f9 rgb(236,225,249)
```
#f6f1fc
```
#f6f1fc rgb(246,241,252)
```

Tint Color Variation

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

#323035
```
#323035 rgb(50,48,53)
```
#322c39
```
#322c39 rgb(50,44,57)
```
#32283d
```
#32283d rgb(50,40,61)
```
#322441
```
#322441 rgb(50,36,65)
```
#322144
```
#322144 rgb(50,33,68)
```
#321d48
```
#321d48 rgb(50,29,72)
```
#31194c
```
#31194c rgb(49,25,76)
```
#311550
```
#311550 rgb(49,21,80)
```
#311154
```
#311154 rgb(49,17,84)
```
#310d58
```
#310d58 rgb(49,13,88)
```
#31095c
```
#31095c rgb(49,9,92)
```
#300560
```
#300560 rgb(48,5,96)
```
#300164
```
#300164 rgb(48,1,100)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#251f2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#002d58 Protanopia 1% of men
#002f4d Deuteranopia 1% of men
#302d31 Tritanopia 0.001% of the population

Trichromacy

#112256 Protanomaly 1% of men, 0.01% of women
#112450 Deuteranomaly 6% of men, 0.4% of women
#30233d Tritanomaly 0.01% of the population

#311154 hex color

#311154 Color Information

#311154 Color Conversion

Color Schemes with #311154

Alternatives to #311154

#311154 Preview

Shades and Tints of #311154

Tones of #311154

Color Blindness Simulator