#311245 hex color

In a RGB color space, hex #311245 is composed of 19.2% red, 7.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 29% cyan, 73.9% magenta, 0% yellow and 72.9% black. It has a hue angle of 276.5 degrees, a saturation of 58.6% and a lightness of 17.1%. #311245 color hex could be obtained by blending #62248a with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 19
- G 7
- B 27
RGB color chart
- C 29
- M 74
- Y 0
- K 73
CMYK color chart

● #311245 color description : Very dark violet.

The hexadecimal color #311245 has RGB values of R:49, G:18, B:69 and CMYK values of C:0.29, M:0.74, Y:0, K:0.73. Its decimal value is 3215941.

Hex triplet	311245	`#311245`
RGB Decimal	49, 18, 69	`rgb(49,18,69)`
RGB Percent	19.2, 7.1, 27.1	`rgb(19.2%,7.1%,27.1%)`
CMYK	29, 74, 0, 73
HSL	276.5°, 58.6, 17.1	`hsl(276.5,58.6%,17.1%)`
HSV (or HSB)	276.5°, 73.9, 27.1
Web Safe	330033	`#330033`

CIE-LAB	12.705, 26.089, -25.707
XYZ	2.557, 1.515, 5.788
xyY	0.259, 0.154, 1.515
CIE-LCH	12.705, 36.627, 315.423
CIE-LUV	12.705, 6.932, -24.539
Hunter-Lab	12.31, 15.535, -19.259
Binary	00110001, 00010010, 01000101

#311245
```
#311245 rgb(49,18,69)
```
#264512
```
#264512 rgb(38,69,18)
```

Complementary Color

#181245
```
#181245 rgb(24,18,69)
```
#311245
```
#311245 rgb(49,18,69)
```
#451240
```
#451240 rgb(69,18,64)
```

Analogous Color

#124518
```
#124518 rgb(18,69,24)
```
#311245
```
#311245 rgb(49,18,69)
```
#404512
```
#404512 rgb(64,69,18)
```

Split Complementary Color

#124531
```
#124531 rgb(18,69,49)
```
#311245
```
#311245 rgb(49,18,69)
```
#453112
```
#453112 rgb(69,49,18)
```

Triadic Color

#122645
```
#122645 rgb(18,38,69)
```
#311245
```
#311245 rgb(49,18,69)
```
#453112
```
#453112 rgb(69,49,18)
```
#264512
```
#264512 rgb(38,69,18)
```

Tetradic Color

#060208
```
#060208 rgb(6,2,8)
```
#14071d
```
#14071d rgb(20,7,29)
```
#230d31
```
#230d31 rgb(35,13,49)
```
#311245
```
#311245 rgb(49,18,69)
```
#3f1759
```
#3f1759 rgb(63,23,89)
```
#4e1d6d
```
#4e1d6d rgb(78,29,109)
```
#5c2282
```
#5c2282 rgb(92,34,130)
```

Monochromatic Color

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

#241245
```
#241245 rgb(36,18,69)
```
#291245
```
#291245 rgb(41,18,69)
```
#2d1245
```
#2d1245 rgb(45,18,69)
```
#311245
```
#311245 rgb(49,18,69)
```
#351245
```
#351245 rgb(53,18,69)
```
#3a1245
```
#3a1245 rgb(58,18,69)
```
#3e1245
```
#3e1245 rgb(62,18,69)
```

Similar Colors

Text with hexadecimal color #311245

This text has a font color of #311245.

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

#311245 background color

This paragraph has a background color of #311245.

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

#311245 border color

This element has a border color of #311245.

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

CSS codes

.text {color:#311245;}

.background {background-color:#311245;}

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

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

#050207
```
#050207 rgb(5,2,7)
```
#100616
```
#100616 rgb(16,6,22)
```
#1b0a26
```
#1b0a26 rgb(27,10,38)
```
#260e35
```
#260e35 rgb(38,14,53)
```
#311245
```
#311245 rgb(49,18,69)
```
#3c1655
```
#3c1655 rgb(60,22,85)
```
#471a64
```
#471a64 rgb(71,26,100)
```
#521e74
```
#521e74 rgb(82,30,116)
```
#5d2283
```
#5d2283 rgb(93,34,131)
```
#682693
```
#682693 rgb(104,38,147)
```
#732aa2
```
#732aa2 rgb(115,42,162)
```
#7e2eb2
```
#7e2eb2 rgb(126,46,178)
```
#8932c1
```
#8932c1 rgb(137,50,193)
```

Shade Color Variation

#933ccc
```
#933ccc rgb(147,60,204)
```
#9c4bd0
```
#9c4bd0 rgb(156,75,208)
```
#a45bd4
```
#a45bd4 rgb(164,91,212)
```
#ad6ad8
```
#ad6ad8 rgb(173,106,216)
```
#b67adc
```
#b67adc rgb(182,122,220)
```
#be89e0
```
#be89e0 rgb(190,137,224)
```
#c799e4
```
#c799e4 rgb(199,153,228)
```
#cfa8e8
```
#cfa8e8 rgb(207,168,232)
```
#d8b8ec
```
#d8b8ec rgb(216,184,236)
```
#e0c8f1
```
#e0c8f1 rgb(224,200,241)
```
#e9d7f5
```
#e9d7f5 rgb(233,215,245)
```
#f2e7f9
```
#f2e7f9 rgb(242,231,249)
```
#faf6fd
```
#faf6fd rgb(250,246,253)
```

Tint Color Variation

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

#2c292e
```
#2c292e rgb(44,41,46)
```
#2d2631
```
#2d2631 rgb(45,38,49)
```
#2d2334
```
#2d2334 rgb(45,35,52)
```
#2e1f38
```
#2e1f38 rgb(46,31,56)
```
#2f1c3b
```
#2f1c3b rgb(47,28,59)
```
#30193e
```
#30193e rgb(48,25,62)
```
#301542
```
#301542 rgb(48,21,66)
```
#311245
```
#311245 rgb(49,18,69)
```
#320f48
```
#320f48 rgb(50,15,72)
```
#320b4c
```
#320b4c rgb(50,11,76)
```
#33084f
```
#33084f rgb(51,8,79)
```
#340552
```
#340552 rgb(52,5,82)
```
#350156
```
#350156 rgb(53,1,86)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#241e28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#002b54 Protanopia 1% of men
#102d49 Deuteranopia 1% of men
#34292c Tritanopia 0.001% of the population

Trichromacy

#11214e Protanomaly 1% of men, 0.01% of women
#1c2348 Deuteranomaly 6% of men, 0.4% of women
#332035 Tritanomaly 0.01% of the population

#311245 hex color

#311245 Color Information

#311245 Color Conversion

Color Schemes with #311245

Alternatives to #311245

#311245 Preview

Shades and Tints of #311245

Tones of #311245

Color Blindness Simulator