colorhexa.com

#311476 hex color

In a RGB color space, hex #311476 is composed of 19.2% red, 7.8% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 83.1% magenta, 0% yellow and 53.7% black. It has a hue angle of 257.8 degrees, a saturation of 71% and a lightness of 27.1%. #311476 color hex could be obtained by blending #6228ec with #000000. Closest websafe color is: #330066.

- R 19
- G 8
- B 46
RGB color chart
- C 58
- M 83
- Y 0
- K 54
CMYK color chart

● #311476 color description : Dark violet.

The hexadecimal color #311476 has RGB values of R:49, G:20, B:118 and CMYK values of C:0.58, M:0.83, Y:0, K:0.54. Its decimal value is 3216502.

Hex triplet	311476	`#311476`
RGB Decimal	49, 20, 118	`rgb(49,20,118)`
RGB Percent	19.2, 7.8, 46.3	`rgb(19.2%,7.8%,46.3%)`
CMYK	58, 83, 0, 54
HSL	257.8°, 71, 27.1	`hsl(257.8,71%,27.1%)`
HSV (or HSB)	257.8°, 83.1, 46.3
Web Safe	330066	`#330066`

CIE-LAB	17.742, 39.198, -50.276
XYZ	4.786, 2.461, 17.361
xyY	0.194, 0.1, 2.461
CIE-LCH	17.742, 63.751, 307.942
CIE-LUV	17.742, 1.45, -53.547
Hunter-Lab	15.688, 27.003, -54.632
Binary	00110001, 00010100, 01110110

#311476
```
#311476 rgb(49,20,118)
```
#597614
```
#597614 rgb(89,118,20)
```

Complementary Color

#142876
```
#142876 rgb(20,40,118)
```
#311476
```
#311476 rgb(49,20,118)
```
#621476
```
#621476 rgb(98,20,118)
```

Analogous Color

#287614
```
#287614 rgb(40,118,20)
```
#311476
```
#311476 rgb(49,20,118)
```
#766214
```
#766214 rgb(118,98,20)
```

Split Complementary Color

#147631
```
#147631 rgb(20,118,49)
```
#311476
```
#311476 rgb(49,20,118)
```
#763114
```
#763114 rgb(118,49,20)
```

Triadic Color

#160935
```
#160935 rgb(22,9,53)
```
#1f0d4a
```
#1f0d4a rgb(31,13,74)
```
#281060
```
#281060 rgb(40,16,96)
```
#311476
```
#311476 rgb(49,20,118)
```
#3a188c
```
#3a188c rgb(58,24,140)
```
#431ba2
```
#431ba2 rgb(67,27,162)
```
#4c1fb7
```
#4c1fb7 rgb(76,31,183)
```

Monochromatic Color

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

#191476
```
#191476 rgb(25,20,118)
```
#211476
```
#211476 rgb(33,20,118)
```
#291476
```
#291476 rgb(41,20,118)
```
#311476
```
#311476 rgb(49,20,118)
```
#391476
```
#391476 rgb(57,20,118)
```
#411476
```
#411476 rgb(65,20,118)
```
#4a1476
```
#4a1476 rgb(74,20,118)
```

Similar Colors

Text with hexadecimal color #311476

This text has a font color of #311476.

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

#311476 background color

This paragraph has a background color of #311476.

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

#311476 border color

This element has a border color of #311476.

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

CSS codes

.text {color:#311476;}

.background {background-color:#311476;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070311
```
#070311 rgb(7,3,17)
```
#0e0622
```
#0e0622 rgb(14,6,34)
```
#150933
```
#150933 rgb(21,9,51)
```
#1c0b44
```
#1c0b44 rgb(28,11,68)
```
#230e54
```
#230e54 rgb(35,14,84)
```
#2a1165
```
#2a1165 rgb(42,17,101)
```
#311476
```
#311476 rgb(49,20,118)
```
#381787
```
#381787 rgb(56,23,135)
```
#3f1a98
```
#3f1a98 rgb(63,26,152)
```
#461da8
```
#461da8 rgb(70,29,168)
```
#4d1fb9
```
#4d1fb9 rgb(77,31,185)
```
#5422ca
```
#5422ca rgb(84,34,202)
```

Shade Color Variation

#5b26da
```
#5b26da rgb(91,38,218)
```
#6836dd
```
#6836dd rgb(104,54,221)
```
#7447e0
```
#7447e0 rgb(116,71,224)
```
#8158e3
```
#8158e3 rgb(129,88,227)
```
#8e69e6
```
#8e69e6 rgb(142,105,230)
```
#9a79e8
```
#9a79e8 rgb(154,121,232)
```
#a78aeb
```
#a78aeb rgb(167,138,235)
```
#b49bee
```
#b49bee rgb(180,155,238)
```
#c0acf1
```
#c0acf1 rgb(192,172,241)
```
#cdbdf4
```
#cdbdf4 rgb(205,189,244)
```
#d9cdf7
```
#d9cdf7 rgb(217,205,247)
```
#e6def9
```
#e6def9 rgb(230,222,249)
```
#f3effc
```
#f3effc rgb(243,239,252)
```

Tint Color Variation

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

#444446
```
#444446 rgb(68,68,70)
```
#423e4c
```
#423e4c rgb(66,62,76)
```
#403951
```
#403951 rgb(64,57,81)
```
#3e3456
```
#3e3456 rgb(62,52,86)
```
#3c2f5b
```
#3c2f5b rgb(60,47,91)
```
#3a2961
```
#3a2961 rgb(58,41,97)
```
#372466
```
#372466 rgb(55,36,102)
```
#351f6b
```
#351f6b rgb(53,31,107)
```
#331971
```
#331971 rgb(51,25,113)
```
#311476
```
#311476 rgb(49,20,118)
```
#2f0f7b
```
#2f0f7b rgb(47,15,123)
```
#2d0981
```
#2d0981 rgb(45,9,129)
```
#2b0486
```
#2b0486 rgb(43,4,134)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a2438 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003466 Protanopia 1% of men
#003759 Deuteranopia 1% of men
#1c3a3e Tritanopia 0.001% of the population

Trichromacy

#11286c Protanomaly 1% of men, 0.01% of women
#112a63 Deuteranomaly 6% of men, 0.4% of women
#232c52 Tritanomaly 0.01% of the population