#311373 hex color

In a RGB color space, hex #311373 is composed of 19.2% red, 7.5% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 83.5% magenta, 0% yellow and 54.9% black. It has a hue angle of 258.8 degrees, a saturation of 71.6% and a lightness of 26.3%. #311373 color hex could be obtained by blending #6226e6 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 7
- B 45
RGB color chart
- C 57
- M 83
- Y 0
- K 55
CMYK color chart

● #311373 color description : Dark violet.

The hexadecimal color #311373 has RGB values of R:49, G:19, B:115 and CMYK values of C:0.57, M:0.83, Y:0, K:0.55. Its decimal value is 3216243.

Hex triplet	311373	`#311373`
RGB Decimal	49, 19, 115	`rgb(49,19,115)`
RGB Percent	19.2, 7.5, 45.1	`rgb(19.2%,7.5%,45.1%)`
CMYK	57, 83, 0, 55
HSL	258.8°, 71.6, 26.3	`hsl(258.8,71.6%,26.3%)`
HSV (or HSB)	258.8°, 83.5, 45.1
Web Safe	330066	`#330066`

CIE-LAB	17.256, 38.779, -49.142
XYZ	4.593, 2.356, 16.432
xyY	0.196, 0.101, 2.356
CIE-LCH	17.256, 62.599, 308.278
CIE-LUV	17.256, 1.809, -51.748
Hunter-Lab	15.351, 26.55, -52.719
Binary	00110001, 00010011, 01110011

#311373
```
#311373 rgb(49,19,115)
```
#557313
```
#557313 rgb(85,115,19)
```

Complementary Color

#132573
```
#132573 rgb(19,37,115)
```
#311373
```
#311373 rgb(49,19,115)
```
#611373
```
#611373 rgb(97,19,115)
```

Analogous Color

#257313
```
#257313 rgb(37,115,19)
```
#311373
```
#311373 rgb(49,19,115)
```
#736113
```
#736113 rgb(115,97,19)
```

Split Complementary Color

#137331
```
#137331 rgb(19,115,49)
```
#311373
```
#311373 rgb(49,19,115)
```
#733113
```
#733113 rgb(115,49,19)
```

Triadic Color

#135573
```
#135573 rgb(19,85,115)
```
#311373
```
#311373 rgb(49,19,115)
```
#733113
```
#733113 rgb(115,49,19)
```
#557313
```
#557313 rgb(85,115,19)
```

Tetradic Color

#150831
```
#150831 rgb(21,8,49)
```
#1e0c47
```
#1e0c47 rgb(30,12,71)
```
#280f5d
```
#280f5d rgb(40,15,93)
```
#311373
```
#311373 rgb(49,19,115)
```
#3a1789
```
#3a1789 rgb(58,23,137)
```
#441a9f
```
#441a9f rgb(68,26,159)
```
#4d1eb5
```
#4d1eb5 rgb(77,30,181)
```

Monochromatic Color

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

#191373
```
#191373 rgb(25,19,115)
```
#211373
```
#211373 rgb(33,19,115)
```
#291373
```
#291373 rgb(41,19,115)
```
#311373
```
#311373 rgb(49,19,115)
```
#391373
```
#391373 rgb(57,19,115)
```
#411373
```
#411373 rgb(65,19,115)
```
#491373
```
#491373 rgb(73,19,115)
```

Similar Colors

Text with hexadecimal color #311373

This text has a font color of #311373.

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

#311373 background color

This paragraph has a background color of #311373.

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

#311373 border color

This element has a border color of #311373.

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

CSS codes

.text {color:#311373;}

.background {background-color:#311373;}

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

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

#06020e
```
#06020e rgb(6,2,14)
```
#0d051f
```
#0d051f rgb(13,5,31)
```
#140830
```
#140830 rgb(20,8,48)
```
#1b0b40
```
#1b0b40 rgb(27,11,64)
```
#230d51
```
#230d51 rgb(35,13,81)
```
#2a1062
```
#2a1062 rgb(42,16,98)
```
#311373
```
#311373 rgb(49,19,115)
```
#381684
```
#381684 rgb(56,22,132)
```
#3f1995
```
#3f1995 rgb(63,25,149)
```
#471ba6
```
#471ba6 rgb(71,27,166)
```
#4e1eb6
```
#4e1eb6 rgb(78,30,182)
```
#5521c7
```
#5521c7 rgb(85,33,199)
```
#5c24d8
```
#5c24d8 rgb(92,36,216)
```

Shade Color Variation

#6832dd
```
#6832dd rgb(104,50,221)
```
#7443e0
```
#7443e0 rgb(116,67,224)
```
#8054e3
```
#8054e3 rgb(128,84,227)
```
#8d65e5
```
#8d65e5 rgb(141,101,229)
```
#9975e8
```
#9975e8 rgb(153,117,232)
```
#a686eb
```
#a686eb rgb(166,134,235)
```
#b297ee
```
#b297ee rgb(178,151,238)
```
#bfa8f1
```
#bfa8f1 rgb(191,168,241)
```
#cbb9f3
```
#cbb9f3 rgb(203,185,243)
```
#d8caf6
```
#d8caf6 rgb(216,202,246)
```
#e4daf9
```
#e4daf9 rgb(228,218,249)
```
#f0ebfc
```
#f0ebfc rgb(240,235,252)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#424145
```
#424145 rgb(66,65,69)
```
#403c4a
```
#403c4a rgb(64,60,74)
```
#3f374f
```
#3f374f rgb(63,55,79)
```
#3d3254
```
#3d3254 rgb(61,50,84)
```
#3b2d59
```
#3b2d59 rgb(59,45,89)
```
#39285e
```
#39285e rgb(57,40,94)
```
#372264
```
#372264 rgb(55,34,100)
```
#351d69
```
#351d69 rgb(53,29,105)
```
#33186e
```
#33186e rgb(51,24,110)
```
#311373
```
#311373 rgb(49,19,115)
```
#2f0e78
```
#2f0e78 rgb(47,14,120)
```
#2d097d
```
#2d097d rgb(45,9,125)
```
#2b0482
```
#2b0482 rgb(43,4,130)
```

Tone Color Variation

Below, you can see how #311373 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
#292336 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003365 Protanopia 1% of men
#003657 Deuteranopia 1% of men
#1e393d Tritanopia 0.001% of the population

Trichromacy

#11276a Protanomaly 1% of men, 0.01% of women
#112961 Deuteranomaly 6% of men, 0.4% of women
#252b50 Tritanomaly 0.01% of the population

#311373 hex color

#311373 Color Information

#311373 Color Conversion

Color Schemes with #311373

Alternatives to #311373

#311373 Preview

Shades and Tints of #311373

Tones of #311373

Color Blindness Simulator