#31177a hex color

In a RGB color space, hex #31177a is composed of 19.2% red, 9% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 81.1% magenta, 0% yellow and 52.2% black. It has a hue angle of 255.8 degrees, a saturation of 68.3% and a lightness of 28.4%. #31177a color hex could be obtained by blending #622ef4 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 9
- B 48
RGB color chart
- C 60
- M 81
- Y 0
- K 52
CMYK color chart

● #31177a color description : Dark violet.

The hexadecimal color #31177a has RGB values of R:49, G:23, B:122 and CMYK values of C:0.6, M:0.81, Y:0, K:0.52. Its decimal value is 3217274.

Hex triplet	31177a	`#31177a`
RGB Decimal	49, 23, 122	`rgb(49,23,122)`
RGB Percent	19.2, 9, 47.8	`rgb(19.2%,9%,47.8%)`
CMYK	60, 81, 0, 52
HSL	255.8°, 68.3, 28.4	`hsl(255.8,68.3%,28.4%)`
HSV (or HSB)	255.8°, 81.1, 47.8
Web Safe	330066	`#330066`

CIE-LAB	18.674, 38.949, -51.307
XYZ	5.085, 2.671, 18.659
xyY	0.193, 0.101, 2.671
CIE-LCH	18.674, 64.416, 307.204
CIE-LUV	18.674, 0.804, -55.99
Hunter-Lab	16.342, 26.944, -56.254
Binary	00110001, 00010111, 01111010

#31177a
```
#31177a rgb(49,23,122)
```
#607a17
```
#607a17 rgb(96,122,23)
```

Complementary Color

#172f7a
```
#172f7a rgb(23,47,122)
```
#31177a
```
#31177a rgb(49,23,122)
```
#63177a
```
#63177a rgb(99,23,122)
```

Analogous Color

#2f7a17
```
#2f7a17 rgb(47,122,23)
```
#31177a
```
#31177a rgb(49,23,122)
```
#7a6317
```
#7a6317 rgb(122,99,23)
```

Split Complementary Color

#177a31
```
#177a31 rgb(23,122,49)
```
#31177a
```
#31177a rgb(49,23,122)
```
#7a3117
```
#7a3117 rgb(122,49,23)
```

Triadic Color

#17607a
```
#17607a rgb(23,96,122)
```
#31177a
```
#31177a rgb(49,23,122)
```
#7a3117
```
#7a3117 rgb(122,49,23)
```
#607a17
```
#607a17 rgb(96,122,23)
```

Tetradic Color

#170b3a
```
#170b3a rgb(23,11,58)
```
#200f4f
```
#200f4f rgb(32,15,79)
```
#281365
```
#281365 rgb(40,19,101)
```
#31177a
```
#31177a rgb(49,23,122)
```
#3a1b8f
```
#3a1b8f rgb(58,27,143)
```
#421fa5
```
#421fa5 rgb(66,31,165)
```
#4b23ba
```
#4b23ba rgb(75,35,186)
```

Monochromatic Color

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

#18177a
```
#18177a rgb(24,23,122)
```
#21177a
```
#21177a rgb(33,23,122)
```
#29177a
```
#29177a rgb(41,23,122)
```
#31177a
```
#31177a rgb(49,23,122)
```
#39177a
```
#39177a rgb(57,23,122)
```
#42177a
```
#42177a rgb(66,23,122)
```
#4a177a
```
#4a177a rgb(74,23,122)
```

Similar Colors

Text with hexadecimal color #31177a

This text has a font color of #31177a.

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

#31177a background color

This paragraph has a background color of #31177a.

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

#31177a border color

This element has a border color of #31177a.

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

CSS codes

.text {color:#31177a;}

.background {background-color:#31177a;}

.border {border:1px solid #31177a;}

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

#030106
```
#030106 rgb(3,1,6)
```
#090417
```
#090417 rgb(9,4,23)
```
#100727
```
#100727 rgb(16,7,39)
```
#160b38
```
#160b38 rgb(22,11,56)
```
#1d0e48
```
#1d0e48 rgb(29,14,72)
```
#241159
```
#241159 rgb(36,17,89)
```
#2a1469
```
#2a1469 rgb(42,20,105)
```
#31177a
```
#31177a rgb(49,23,122)
```
#381a8b
```
#381a8b rgb(56,26,139)
```
#3e1d9b
```
#3e1d9b rgb(62,29,155)
```
#4520ac
```
#4520ac rgb(69,32,172)
```
#4c23bc
```
#4c23bc rgb(76,35,188)
```
#5227cd
```
#5227cd rgb(82,39,205)
```

Shade Color Variation

#5b2fd8
```
#5b2fd8 rgb(91,47,216)
```
#683fdb
```
#683fdb rgb(104,63,219)
```
#7550de
```
#7550de rgb(117,80,222)
```
#8260e1
```
#8260e1 rgb(130,96,225)
```
#8f71e4
```
#8f71e4 rgb(143,113,228)
```
#9c81e7
```
#9c81e7 rgb(156,129,231)
```
#a992ea
```
#a992ea rgb(169,146,234)
```
#b6a2ee
```
#b6a2ee rgb(182,162,238)
```
#c3b3f1
```
#c3b3f1 rgb(195,179,241)
```
#d0c3f4
```
#d0c3f4 rgb(208,195,244)
```
#ddd4f7
```
#ddd4f7 rgb(221,212,247)
```
#eae4fa
```
#eae4fa rgb(234,228,250)
```
#f7f5fd
```
#f7f5fd rgb(247,245,253)
```

Tint Color Variation

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

#46444d
```
#46444d rgb(70,68,77)
```
#443e53
```
#443e53 rgb(68,62,83)
```
#413859
```
#413859 rgb(65,56,89)
```
#3e335e
```
#3e335e rgb(62,51,94)
```
#3c2d64
```
#3c2d64 rgb(60,45,100)
```
#392869
```
#392869 rgb(57,40,105)
```
#36226f
```
#36226f rgb(54,34,111)
```
#341d74
```
#341d74 rgb(52,29,116)
```
#31177a
```
#31177a rgb(49,23,122)
```
#2e1180
```
#2e1180 rgb(46,17,128)
```
#2c0c85
```
#2c0c85 rgb(44,12,133)
```
#29068b
```
#29068b rgb(41,6,139)
```
#260190
```
#260190 rgb(38,1,144)
```

Tone Color Variation

Below, you can see how #31177a 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
#2b263a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00366a Protanopia 1% of men
#00395c Deuteranopia 1% of men
#173d41 Tritanopia 0.001% of the population

Trichromacy

#112b70 Protanomaly 1% of men, 0.01% of women
#112d67 Deuteranomaly 6% of men, 0.4% of women
#202f56 Tritanomaly 0.01% of the population

#31177a hex color

#31177a Color Information

#31177a Color Conversion

Color Schemes with #31177a

Alternatives to #31177a

#31177a Preview

Shades and Tints of #31177a

Tones of #31177a

Color Blindness Simulator