#311474 hex color

In a RGB color space, hex #311474 is composed of 19.2% red, 7.8% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 82.8% magenta, 0% yellow and 54.5% black. It has a hue angle of 258.1 degrees, a saturation of 70.6% and a lightness of 26.7%. #311474 color hex could be obtained by blending #6228e8 with #000000. Closest websafe color is: #330066.

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

● #311474 color description : Dark violet.

The hexadecimal color #311474 has RGB values of R:49, G:20, B:116 and CMYK values of C:0.58, M:0.83, Y:0, K:0.55. Its decimal value is 3216500.

Hex triplet	311474	`#311474`
RGB Decimal	49, 20, 116	`rgb(49,20,116)`
RGB Percent	19.2, 7.8, 45.5	`rgb(19.2%,7.8%,45.5%)`
CMYK	58, 83, 0, 55
HSL	258.1°, 70.6, 26.7	`hsl(258.1,70.6%,26.7%)`
HSV (or HSB)	258.1°, 82.8, 45.5
Web Safe	330066	`#330066`

CIE-LAB	17.526, 38.606, -49.344
XYZ	4.669, 2.414, 16.742
xyY	0.196, 0.101, 2.414
CIE-LCH	17.526, 62.652, 308.039
CIE-LUV	17.526, 1.625, -52.369
Hunter-Lab	15.537, 26.444, -53.01
Binary	00110001, 00010100, 01110100

#311474
```
#311474 rgb(49,20,116)
```
#577414
```
#577414 rgb(87,116,20)
```

Complementary Color

#142774
```
#142774 rgb(20,39,116)
```
#311474
```
#311474 rgb(49,20,116)
```
#611474
```
#611474 rgb(97,20,116)
```

Analogous Color

#277414
```
#277414 rgb(39,116,20)
```
#311474
```
#311474 rgb(49,20,116)
```
#746114
```
#746114 rgb(116,97,20)
```

Split Complementary Color

#147431
```
#147431 rgb(20,116,49)
```
#311474
```
#311474 rgb(49,20,116)
```
#743114
```
#743114 rgb(116,49,20)
```

Triadic Color

#145774
```
#145774 rgb(20,87,116)
```
#311474
```
#311474 rgb(49,20,116)
```
#743114
```
#743114 rgb(116,49,20)
```
#577414
```
#577414 rgb(87,116,20)
```

Tetradic Color

#150933
```
#150933 rgb(21,9,51)
```
#1f0d49
```
#1f0d49 rgb(31,13,73)
```
#28105e
```
#28105e rgb(40,16,94)
```
#311474
```
#311474 rgb(49,20,116)
```
#3a188a
```
#3a188a rgb(58,24,138)
```
#431ca0
```
#431ca0 rgb(67,28,160)
```
#4d1fb5
```
#4d1fb5 rgb(77,31,181)
```

Monochromatic Color

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

#191474
```
#191474 rgb(25,20,116)
```
#211474
```
#211474 rgb(33,20,116)
```
#291474
```
#291474 rgb(41,20,116)
```
#311474
```
#311474 rgb(49,20,116)
```
#391474
```
#391474 rgb(57,20,116)
```
#411474
```
#411474 rgb(65,20,116)
```
#491474
```
#491474 rgb(73,20,116)
```

Similar Colors

Text with hexadecimal color #311474

This text has a font color of #311474.

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

#311474 background color

This paragraph has a background color of #311474.

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

#311474 border color

This element has a border color of #311474.

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

CSS codes

.text {color:#311474;}

.background {background-color:#311474;}

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

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

#070310
```
#070310 rgb(7,3,16)
```
#0e0620
```
#0e0620 rgb(14,6,32)
```
#150831
```
#150831 rgb(21,8,49)
```
#1c0b42
```
#1c0b42 rgb(28,11,66)
```
#230e53
```
#230e53 rgb(35,14,83)
```
#2a1163
```
#2a1163 rgb(42,17,99)
```
#311474
```
#311474 rgb(49,20,116)
```
#381785
```
#381785 rgb(56,23,133)
```
#3f1a95
```
#3f1a95 rgb(63,26,149)
```
#461da6
```
#461da6 rgb(70,29,166)
```
#4d20b7
```
#4d20b7 rgb(77,32,183)
```
#5422c8
```
#5422c8 rgb(84,34,200)
```
#5b25d8
```
#5b25d8 rgb(91,37,216)
```

Shade Color Variation

#6835dc
```
#6835dc rgb(104,53,220)
```
#7446df
```
#7446df rgb(116,70,223)
```
#8157e2
```
#8157e2 rgb(129,87,226)
```
#8d67e5
```
#8d67e5 rgb(141,103,229)
```
#9a78e8
```
#9a78e8 rgb(154,120,232)
```
#a689eb
```
#a689eb rgb(166,137,235)
```
#b39aee
```
#b39aee rgb(179,154,238)
```
#bfaaf0
```
#bfaaf0 rgb(191,170,240)
```
#ccbbf3
```
#ccbbf3 rgb(204,187,243)
```
#d9ccf6
```
#d9ccf6 rgb(217,204,246)
```
#e5dcf9
```
#e5dcf9 rgb(229,220,249)
```
#f2edfc
```
#f2edfc rgb(242,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#444345
```
#444345 rgb(68,67,69)
```
#423e4a
```
#423e4a rgb(66,62,74)
```
#3f394f
```
#3f394f rgb(63,57,79)
```
#3d3355
```
#3d3355 rgb(61,51,85)
```
#3b2e5a
```
#3b2e5a rgb(59,46,90)
```
#39295f
```
#39295f rgb(57,41,95)
```
#372464
```
#372464 rgb(55,36,100)
```
#351e6a
```
#351e6a rgb(53,30,106)
```
#33196f
```
#33196f rgb(51,25,111)
```
#311474
```
#311474 rgb(49,20,116)
```
#2f0f79
```
#2f0f79 rgb(47,15,121)
```
#2d0a7e
```
#2d0a7e rgb(45,10,126)
```
#2b0484
```
#2b0484 rgb(43,4,132)
```

Tone Color Variation

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

Dichromacy

#003466 Protanopia 1% of men
#003758 Deuteranopia 1% of men
#1e393e Tritanopia 0.001% of the population

Trichromacy

#11286b Protanomaly 1% of men, 0.01% of women
#112a62 Deuteranomaly 6% of men, 0.4% of women
#252c51 Tritanomaly 0.01% of the population

#311474 hex color

#311474 Color Information

#311474 Color Conversion

Color Schemes with #311474

Alternatives to #311474

#311474 Preview

Shades and Tints of #311474

Tones of #311474

Color Blindness Simulator