#311274 hex color

In a RGB color space, hex #311274 is composed of 19.2% red, 7.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 84.5% magenta, 0% yellow and 54.5% black. It has a hue angle of 259 degrees, a saturation of 73.1% and a lightness of 26.3%. #311274 color hex could be obtained by blending #6224e8 with #000000. Closest websafe color is: #330066.

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

● #311274 color description : Dark violet.

The hexadecimal color #311274 has RGB values of R:49, G:18, B:116 and CMYK values of C:0.58, M:0.84, Y:0, K:0.55. Its decimal value is 3215988.

Hex triplet	311274	`#311274`
RGB Decimal	49, 18, 116	`rgb(49,18,116)`
RGB Percent	19.2, 7.1, 45.5	`rgb(19.2%,7.1%,45.5%)`
CMYK	58, 84, 0, 55
HSL	259°, 73.1, 26.3	`hsl(259,73.1%,26.3%)`
HSV (or HSB)	259°, 84.5, 45.5
Web Safe	330066	`#330066`

CIE-LAB	17.209, 39.526, -49.865
XYZ	4.635, 2.346, 16.731
xyY	0.195, 0.099, 2.346
CIE-LCH	17.209, 63.63, 308.402
CIE-LUV	17.209, 1.811, -52.296
Hunter-Lab	15.318, 27.202, -54.035
Binary	00110001, 00010010, 01110100

#311274
```
#311274 rgb(49,18,116)
```
#557412
```
#557412 rgb(85,116,18)
```

Complementary Color

#122474
```
#122474 rgb(18,36,116)
```
#311274
```
#311274 rgb(49,18,116)
```
#621274
```
#621274 rgb(98,18,116)
```

Analogous Color

#247412
```
#247412 rgb(36,116,18)
```
#311274
```
#311274 rgb(49,18,116)
```
#746212
```
#746212 rgb(116,98,18)
```

Split Complementary Color

#127431
```
#127431 rgb(18,116,49)
```
#311274
```
#311274 rgb(49,18,116)
```
#743112
```
#743112 rgb(116,49,18)
```

Triadic Color

#125574
```
#125574 rgb(18,85,116)
```
#311274
```
#311274 rgb(49,18,116)
```
#743112
```
#743112 rgb(116,49,18)
```
#557412
```
#557412 rgb(85,116,18)
```

Tetradic Color

#150832
```
#150832 rgb(21,8,50)
```
#1e0b48
```
#1e0b48 rgb(30,11,72)
```
#280f5e
```
#280f5e rgb(40,15,94)
```
#311274
```
#311274 rgb(49,18,116)
```
#3a158a
```
#3a158a rgb(58,21,138)
```
#4419a0
```
#4419a0 rgb(68,25,160)
```
#4d1cb6
```
#4d1cb6 rgb(77,28,182)
```

Monochromatic Color

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

#191274
```
#191274 rgb(25,18,116)
```
#211274
```
#211274 rgb(33,18,116)
```
#291274
```
#291274 rgb(41,18,116)
```
#311274
```
#311274 rgb(49,18,116)
```
#391274
```
#391274 rgb(57,18,116)
```
#411274
```
#411274 rgb(65,18,116)
```
#4a1274
```
#4a1274 rgb(74,18,116)
```

Similar Colors

Text with hexadecimal color #311274

This text has a font color of #311274.

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

#311274 background color

This paragraph has a background color of #311274.

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

#311274 border color

This element has a border color of #311274.

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

CSS codes

.text {color:#311274;}

.background {background-color:#311274;}

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

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)
```
#140730
```
#140730 rgb(20,7,48)
```
#1b0a41
```
#1b0a41 rgb(27,10,65)
```
#230d52
```
#230d52 rgb(35,13,82)
```
#2a0f63
```
#2a0f63 rgb(42,15,99)
```
#311274
```
#311274 rgb(49,18,116)
```
#381585
```
#381585 rgb(56,21,133)
```
#3f1796
```
#3f1796 rgb(63,23,150)
```
#471aa7
```
#471aa7 rgb(71,26,167)
```
#4e1db8
```
#4e1db8 rgb(78,29,184)
```
#551fc9
```
#551fc9 rgb(85,31,201)
```
#5c22da
```
#5c22da rgb(92,34,218)
```

Shade Color Variation

#6830df
```
#6830df rgb(104,48,223)
```
#7441e2
```
#7441e2 rgb(116,65,226)
```
#8052e4
```
#8052e4 rgb(128,82,228)
```
#8d63e7
```
#8d63e7 rgb(141,99,231)
```
#9974e9
```
#9974e9 rgb(153,116,233)
```
#a685ec
```
#a685ec rgb(166,133,236)
```
#b296ef
```
#b296ef rgb(178,150,239)
```
#bfa7f1
```
#bfa7f1 rgb(191,167,241)
```
#cbb8f4
```
#cbb8f4 rgb(203,184,244)
```
#d8c9f7
```
#d8c9f7 rgb(216,201,247)
```
#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, #424046 is the less saturated color, while #2b0383 is the most saturated one.

#424046
```
#424046 rgb(66,64,70)
```
#403b4b
```
#403b4b rgb(64,59,75)
```
#3e3650
```
#3e3650 rgb(62,54,80)
```
#3c3155
```
#3c3155 rgb(60,49,85)
```
#3a2c5a
```
#3a2c5a rgb(58,44,90)
```
#39275f
```
#39275f rgb(57,39,95)
```
#372165
```
#372165 rgb(55,33,101)
```
#351c6a
```
#351c6a rgb(53,28,106)
```
#33176f
```
#33176f rgb(51,23,111)
```
#311274
```
#311274 rgb(49,18,116)
```
#2f0d79
```
#2f0d79 rgb(47,13,121)
```
#2d087e
```
#2d087e rgb(45,8,126)
```
#2b0383
```
#2b0383 rgb(43,3,131)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282236 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003364 Protanopia 1% of men
#003657 Deuteranopia 1% of men
#1d393d Tritanopia 0.001% of the population

Trichromacy

#11276a Protanomaly 1% of men, 0.01% of women
#112962 Deuteranomaly 6% of men, 0.4% of women
#242a51 Tritanomaly 0.01% of the population

#311274 hex color

#311274 Color Information

#311274 Color Conversion

Color Schemes with #311274

Alternatives to #311274

#311274 Preview

Shades and Tints of #311274

Tones of #311274

Color Blindness Simulator