#311487 hex color

In a RGB color space, hex #311487 is composed of 19.2% red, 7.8% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 85.2% magenta, 0% yellow and 47.1% black. It has a hue angle of 255.1 degrees, a saturation of 74.2% and a lightness of 30.4%. #311487 color hex could be obtained by blending #6228ff with #00000f. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 8
- B 53
RGB color chart
- C 64
- M 85
- Y 0
- K 47
CMYK color chart

● #311487 color description : Dark violet.

The hexadecimal color #311487 has RGB values of R:49, G:20, B:135 and CMYK values of C:0.64, M:0.85, Y:0, K:0.47. Its decimal value is 3216519.

Hex triplet	311487	`#311487`
RGB Decimal	49, 20, 135	`rgb(49,20,135)`
RGB Percent	19.2, 7.8, 52.9	`rgb(19.2%,7.8%,52.9%)`
CMYK	64, 85, 0, 47
HSL	255.1°, 74.2, 30.4	`hsl(255.1,74.2%,30.4%)`
HSV (or HSB)	255.1°, 85.2, 52.9
Web Safe	330099	`#330099`

CIE-LAB	19.648, 44.195, -57.941
XYZ	5.889, 2.902, 23.17
xyY	0.184, 0.091, 2.902
CIE-LCH	19.648, 72.873, 307.335
CIE-LUV	19.648, 0.057, -63.528
Hunter-Lab	17.036, 31.891, -68.712
Binary	00110001, 00010100, 10000111

#311487
```
#311487 rgb(49,20,135)
```
#6a8714
```
#6a8714 rgb(106,135,20)
```

Complementary Color

#143187
```
#143187 rgb(20,49,135)
```
#311487
```
#311487 rgb(49,20,135)
```
#6b1487
```
#6b1487 rgb(107,20,135)
```

Analogous Color

#318714
```
#318714 rgb(49,135,20)
```
#311487
```
#311487 rgb(49,20,135)
```
#876b14
```
#876b14 rgb(135,107,20)
```

Split Complementary Color

#148731
```
#148731 rgb(20,135,49)
```
#311487
```
#311487 rgb(49,20,135)
```
#873114
```
#873114 rgb(135,49,20)
```

Triadic Color

#146a87
```
#146a87 rgb(20,106,135)
```
#311487
```
#311487 rgb(49,20,135)
```
#873114
```
#873114 rgb(135,49,20)
```
#6a8714
```
#6a8714 rgb(106,135,20)
```

Tetradic Color

#190a44
```
#190a44 rgb(25,10,68)
```
#210d5b
```
#210d5b rgb(33,13,91)
```
#291171
```
#291171 rgb(41,17,113)
```
#311487
```
#311487 rgb(49,20,135)
```
#39179d
```
#39179d rgb(57,23,157)
```
#411bb3
```
#411bb3 rgb(65,27,179)
```
#491eca
```
#491eca rgb(73,30,202)
```

Monochromatic Color

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

#141487
```
#141487 rgb(20,20,135)
```
#1e1487
```
#1e1487 rgb(30,20,135)
```
#271487
```
#271487 rgb(39,20,135)
```
#311487
```
#311487 rgb(49,20,135)
```
#3b1487
```
#3b1487 rgb(59,20,135)
```
#441487
```
#441487 rgb(68,20,135)
```
#4e1487
```
#4e1487 rgb(78,20,135)
```

Similar Colors

Text with hexadecimal color #311487

This text has a font color of #311487.

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

#311487 background color

This paragraph has a background color of #311487.

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

#311487 border color

This element has a border color of #311487.

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

CSS codes

.text {color:#311487;}

.background {background-color:#311487;}

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

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, #06020f is the darkest color, while #fefdff is the lightest one.

#06020f
```
#06020f rgb(6,2,15)
```
#0c0520
```
#0c0520 rgb(12,5,32)
```
#120732
```
#120732 rgb(18,7,50)
```
#180a43
```
#180a43 rgb(24,10,67)
```
#1e0c54
```
#1e0c54 rgb(30,12,84)
```
#250f65
```
#250f65 rgb(37,15,101)
```
#2b1176
```
#2b1176 rgb(43,17,118)
```
#311487
```
#311487 rgb(49,20,135)
```
#371798
```
#371798 rgb(55,23,152)
```
#3d19a9
```
#3d19a9 rgb(61,25,169)
```
#441cba
```
#441cba rgb(68,28,186)
```
#4a1ecb
```
#4a1ecb rgb(74,30,203)
```
#5021dc
```
#5021dc rgb(80,33,220)
```

Shade Color Variation

#5d30e0
```
#5d30e0 rgb(93,48,224)
```
#6a41e3
```
#6a41e3 rgb(106,65,227)
```
#7852e5
```
#7852e5 rgb(120,82,229)
```
#8564e8
```
#8564e8 rgb(133,100,232)
```
#9275eb
```
#9275eb rgb(146,117,235)
```
#a086ed
```
#a086ed rgb(160,134,237)
```
#ad97f0
```
#ad97f0 rgb(173,151,240)
```
#bba8f2
```
#bba8f2 rgb(187,168,242)
```
#c8b9f5
```
#c8b9f5 rgb(200,185,245)
```
#d5caf7
```
#d5caf7 rgb(213,202,247)
```
#e3dbfa
```
#e3dbfa rgb(227,219,250)
```
#f0ecfc
```
#f0ecfc rgb(240,236,252)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#4c4a51
```
#4c4a51 rgb(76,74,81)
```
#494457
```
#494457 rgb(73,68,87)
```
#463e5d
```
#463e5d rgb(70,62,93)
```
#433863
```
#433863 rgb(67,56,99)
```
#403269
```
#403269 rgb(64,50,105)
```
#3d2c6f
```
#3d2c6f rgb(61,44,111)
```
#3a2675
```
#3a2675 rgb(58,38,117)
```
#37207b
```
#37207b rgb(55,32,123)
```
#341a81
```
#341a81 rgb(52,26,129)
```
#311487
```
#311487 rgb(49,20,135)
```
#2e0e8d
```
#2e0e8d rgb(46,14,141)
```
#2b0893
```
#2b0893 rgb(43,8,147)
```
#280299
```
#280299 rgb(40,2,153)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2b263d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386e Protanopia 1% of men
#003b5f Deuteranopia 1% of men
#004044 Tritanopia 0.001% of the population

Trichromacy

#112b77 Protanomaly 1% of men, 0.01% of women
#112d6d Deuteranomaly 6% of men, 0.4% of women
#11305c Tritanomaly 0.01% of the population

#311487 hex color

#311487 Color Information

#311487 Color Conversion

Color Schemes with #311487

Alternatives to #311487

#311487 Preview

Shades and Tints of #311487

Tones of #311487

Color Blindness Simulator