#312476 hex color

In a RGB color space, hex #312476 is composed of 19.2% red, 14.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 69.5% magenta, 0% yellow and 53.7% black. It has a hue angle of 249.5 degrees, a saturation of 53.2% and a lightness of 30.2%. #312476 color hex could be obtained by blending #6248ec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 14
- B 46
RGB color chart
- C 58
- M 69
- Y 0
- K 54
CMYK color chart

● #312476 color description : Dark moderate blue.

The hexadecimal color #312476 has RGB values of R:49, G:36, B:118 and CMYK values of C:0.58, M:0.69, Y:0, K:0.54. Its decimal value is 3220598.

Hex triplet	312476	`#312476`
RGB Decimal	49, 36, 118	`rgb(49,36,118)`
RGB Percent	19.2, 14.1, 46.3	`rgb(19.2%,14.1%,46.3%)`
CMYK	58, 69, 0, 54
HSL	249.5°, 53.2, 30.2	`hsl(249.5,53.2%,30.2%)`
HSV (or HSB)	249.5°, 69.5, 46.3
Web Safe	333366	`#333366`

CIE-LAB	20.914, 30.297, -45.071
XYZ	5.167, 3.223, 17.488
xyY	0.2, 0.125, 3.223
CIE-LCH	20.914, 54.307, 303.909
CIE-LUV	20.914, -0.763, -52.921
Hunter-Lab	17.951, 19.962, -45.194
Binary	00110001, 00100100, 01110110

#312476
```
#312476 rgb(49,36,118)
```
#697624
```
#697624 rgb(105,118,36)
```

Complementary Color

#244076
```
#244076 rgb(36,64,118)
```
#312476
```
#312476 rgb(49,36,118)
```
#5a2476
```
#5a2476 rgb(90,36,118)
```

Analogous Color

#407624
```
#407624 rgb(64,118,36)
```
#312476
```
#312476 rgb(49,36,118)
```
#765a24
```
#765a24 rgb(118,90,36)
```

Split Complementary Color

#247631
```
#247631 rgb(36,118,49)
```
#312476
```
#312476 rgb(49,36,118)
```
#763124
```
#763124 rgb(118,49,36)
```

Triadic Color

#246976
```
#246976 rgb(36,105,118)
```
#312476
```
#312476 rgb(49,36,118)
```
#763124
```
#763124 rgb(118,49,36)
```
#697624
```
#697624 rgb(105,118,36)
```

Tetradic Color

#19123b
```
#19123b rgb(25,18,59)
```
#21184f
```
#21184f rgb(33,24,79)
```
#291e62
```
#291e62 rgb(41,30,98)
```
#312476
```
#312476 rgb(49,36,118)
```
#392a8a
```
#392a8a rgb(57,42,138)
```
#41309d
```
#41309d rgb(65,48,157)
```
#4936b1
```
#4936b1 rgb(73,54,177)
```

Monochromatic Color

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

#242c76
```
#242c76 rgb(36,44,118)
```
#242576
```
#242576 rgb(36,37,118)
```
#2a2476
```
#2a2476 rgb(42,36,118)
```
#312476
```
#312476 rgb(49,36,118)
```
#382476
```
#382476 rgb(56,36,118)
```
#3f2476
```
#3f2476 rgb(63,36,118)
```
#462476
```
#462476 rgb(70,36,118)
```

Similar Colors

Text with hexadecimal color #312476

This text has a font color of #312476.

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

#312476 background color

This paragraph has a background color of #312476.

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

#312476 border color

This element has a border color of #312476.

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

CSS codes

.text {color:#312476;}

.background {background-color:#312476;}

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

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, #05040d is the darkest color, while #fdfdfe is the lightest one.

#05040d
```
#05040d rgb(5,4,13)
```
#0c081c
```
#0c081c rgb(12,8,28)
```
#120d2b
```
#120d2b rgb(18,13,43)
```
#18123a
```
#18123a rgb(24,18,58)
```
#1e1649
```
#1e1649 rgb(30,22,73)
```
#251b58
```
#251b58 rgb(37,27,88)
```
#2b1f67
```
#2b1f67 rgb(43,31,103)
```
#312476
```
#312476 rgb(49,36,118)
```
#372985
```
#372985 rgb(55,41,133)
```
#3d2d94
```
#3d2d94 rgb(61,45,148)
```
#4432a3
```
#4432a3 rgb(68,50,163)
```
#4a36b2
```
#4a36b2 rgb(74,54,178)
```
#503bc1
```
#503bc1 rgb(80,59,193)
```

Shade Color Variation

#5d48c7
```
#5d48c7 rgb(93,72,199)
```
#6a57cc
```
#6a57cc rgb(106,87,204)
```
#7766d0
```
#7766d0 rgb(119,102,208)
```
#8575d5
```
#8575d5 rgb(133,117,213)
```
#9285da
```
#9285da rgb(146,133,218)
```
#9f94de
```
#9f94de rgb(159,148,222)
```
#ada3e3
```
#ada3e3 rgb(173,163,227)
```
#bab2e7
```
#bab2e7 rgb(186,178,231)
```
#c8c1ec
```
#c8c1ec rgb(200,193,236)
```
#d5d0f1
```
#d5d0f1 rgb(213,208,241)
```
#e2dff5
```
#e2dff5 rgb(226,223,245)
```
#f0eefa
```
#f0eefa rgb(240,238,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#494852
```
#494852 rgb(73,72,82)
```
#454258
```
#454258 rgb(69,66,88)
```
#413c5e
```
#413c5e rgb(65,60,94)
```
#3d3664
```
#3d3664 rgb(61,54,100)
```
#39306a
```
#39306a rgb(57,48,106)
```
#352a70
```
#352a70 rgb(53,42,112)
```
#312476
```
#312476 rgb(49,36,118)
```
#2d1e7c
```
#2d1e7c rgb(45,30,124)
```
#291882
```
#291882 rgb(41,24,130)
```
#251288
```
#251288 rgb(37,18,136)
```
#210c8e
```
#210c8e rgb(33,12,142)
```
#1d0694
```
#1d0694 rgb(29,6,148)
```
#19009a
```
#19009a rgb(25,0,154)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#312e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b73 Protanopia 1% of men
#003e65 Deuteranopia 1% of men
#204146 Tritanopia 0.001% of the population

Trichromacy

#113274 Protanomaly 1% of men, 0.01% of women
#11346b Deuteranomaly 6% of men, 0.4% of women
#263657 Tritanomaly 0.01% of the population

#312476 hex color

#312476 Color Information

#312476 Color Conversion

Color Schemes with #312476

Alternatives to #312476

#312476 Preview

Shades and Tints of #312476

Tones of #312476

Color Blindness Simulator