#311258 hex color

In a RGB color space, hex #311258 is composed of 19.2% red, 7.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 79.5% magenta, 0% yellow and 65.5% black. It has a hue angle of 266.6 degrees, a saturation of 66% and a lightness of 20.8%. #311258 color hex could be obtained by blending #6224b0 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 7
- B 35
RGB color chart
- C 44
- M 80
- Y 0
- K 65
CMYK color chart

● #311258 color description : Very dark violet.

The hexadecimal color #311258 has RGB values of R:49, G:18, B:88 and CMYK values of C:0.44, M:0.8, Y:0, K:0.65. Its decimal value is 3215960.

Hex triplet	311258	`#311258`
RGB Decimal	49, 18, 88	`rgb(49,18,88)`
RGB Percent	19.2, 7.1, 34.5	`rgb(19.2%,7.1%,34.5%)`
CMYK	44, 80, 0, 65
HSL	266.6°, 66, 20.8	`hsl(266.6,66%,20.8%)`
HSV (or HSB)	266.6°, 79.5, 34.5
Web Safe	330066	`#330066`

CIE-LAB	14.345, 31.391, -36.095
XYZ	3.244, 1.79, 9.407
xyY	0.225, 0.124, 1.79
CIE-LCH	14.345, 47.835, 311.013
CIE-LUV	14.345, 4.602, -35.816
Hunter-Lab	13.38, 19.865, -32.318
Binary	00110001, 00010010, 01011000

#311258
```
#311258 rgb(49,18,88)
```
#395812
```
#395812 rgb(57,88,18)
```

Complementary Color

#121658
```
#121658 rgb(18,22,88)
```
#311258
```
#311258 rgb(49,18,88)
```
#541258
```
#541258 rgb(84,18,88)
```

Analogous Color

#165812
```
#165812 rgb(22,88,18)
```
#311258
```
#311258 rgb(49,18,88)
```
#585412
```
#585412 rgb(88,84,18)
```

Split Complementary Color

#125831
```
#125831 rgb(18,88,49)
```
#311258
```
#311258 rgb(49,18,88)
```
#583112
```
#583112 rgb(88,49,18)
```

Triadic Color

#123958
```
#123958 rgb(18,57,88)
```
#311258
```
#311258 rgb(49,18,88)
```
#583112
```
#583112 rgb(88,49,18)
```
#395812
```
#395812 rgb(57,88,18)
```

Tetradic Color

#0e0518
```
#0e0518 rgb(14,5,24)
```
#19092e
```
#19092e rgb(25,9,46)
```
#250e43
```
#250e43 rgb(37,14,67)
```
#311258
```
#311258 rgb(49,18,88)
```
#3d166d
```
#3d166d rgb(61,22,109)
```
#491b82
```
#491b82 rgb(73,27,130)
```
#541f98
```
#541f98 rgb(84,31,152)
```

Monochromatic Color

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

#201258
```
#201258 rgb(32,18,88)
```
#251258
```
#251258 rgb(37,18,88)
```
#2b1258
```
#2b1258 rgb(43,18,88)
```
#311258
```
#311258 rgb(49,18,88)
```
#371258
```
#371258 rgb(55,18,88)
```
#3d1258
```
#3d1258 rgb(61,18,88)
```
#431258
```
#431258 rgb(67,18,88)
```

Similar Colors

Text with hexadecimal color #311258

This text has a font color of #311258.

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

#311258 background color

This paragraph has a background color of #311258.

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

#311258 border color

This element has a border color of #311258.

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

CSS codes

.text {color:#311258;}

.background {background-color:#311258;}

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0d0517
```
#0d0517 rgb(13,5,23)
```
#160827
```
#160827 rgb(22,8,39)
```
#1f0b37
```
#1f0b37 rgb(31,11,55)
```
#280f48
```
#280f48 rgb(40,15,72)
```
#311258
```
#311258 rgb(49,18,88)
```
#3a1568
```
#3a1568 rgb(58,21,104)
```
#431979
```
#431979 rgb(67,25,121)
```
#4c1c89
```
#4c1c89 rgb(76,28,137)
```
#551f99
```
#551f99 rgb(85,31,153)
```
#5e23a9
```
#5e23a9 rgb(94,35,169)
```
#6726ba
```
#6726ba rgb(103,38,186)
```
#7029ca
```
#7029ca rgb(112,41,202)
```

Shade Color Variation

#7a32d5
```
#7a32d5 rgb(122,50,213)
```
#8542d8
```
#8542d8 rgb(133,66,216)
```
#8f52dc
```
#8f52dc rgb(143,82,220)
```
#9a63df
```
#9a63df rgb(154,99,223)
```
#a473e2
```
#a473e2 rgb(164,115,226)
```
#af83e6
```
#af83e6 rgb(175,131,230)
```
#b994e9
```
#b994e9 rgb(185,148,233)
```
#c4a4ec
```
#c4a4ec rgb(196,164,236)
```
#cfb4f0
```
#cfb4f0 rgb(207,180,240)
```
#d9c4f3
```
#d9c4f3 rgb(217,196,243)
```
#e4d5f6
```
#e4d5f6 rgb(228,213,246)
```
#eee5fa
```
#eee5fa rgb(238,229,250)
```
#f9f5fd
```
#f9f5fd rgb(249,245,253)
```

Tint Color Variation

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

#353337
```
#353337 rgb(53,51,55)
```
#342f3b
```
#342f3b rgb(52,47,59)
```
#342a40
```
#342a40 rgb(52,42,64)
```
#332644
```
#332644 rgb(51,38,68)
```
#332248
```
#332248 rgb(51,34,72)
```
#321e4c
```
#321e4c rgb(50,30,76)
```
#321a50
```
#321a50 rgb(50,26,80)
```
#311654
```
#311654 rgb(49,22,84)
```
#311258
```
#311258 rgb(49,18,88)
```
#310e5c
```
#310e5c rgb(49,14,92)
```
#300a60
```
#300a60 rgb(48,10,96)
```
#300664
```
#300664 rgb(48,6,100)
```
#2f0268
```
#2f0268 rgb(47,2,104)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#26202e Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5a Protanopia 1% of men
#00304f Deuteranopia 1% of men
#2e2f32 Tritanopia 0.001% of the population

Trichromacy

#112459 Protanomaly 1% of men, 0.01% of women
#112552 Deuteranomaly 6% of men, 0.4% of women
#2f2440 Tritanomaly 0.01% of the population

#311258 hex color

#311258 Color Information

#311258 Color Conversion

Color Schemes with #311258

Alternatives to #311258

#311258 Preview

Shades and Tints of #311258

Tones of #311258

Color Blindness Simulator