#312495 hex color

In a RGB color space, hex #312495 is composed of 19.2% red, 14.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 75.8% magenta, 0% yellow and 41.6% black. It has a hue angle of 246.9 degrees, a saturation of 61.1% and a lightness of 36.3%. #312495 color hex could be obtained by blending #6248ff with #00002b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 14
- B 58
RGB color chart
- C 67
- M 76
- Y 0
- K 42
CMYK color chart

● #312495 color description : Dark blue.

The hexadecimal color #312495 has RGB values of R:49, G:36, B:149 and CMYK values of C:0.67, M:0.76, Y:0, K:0.42. Its decimal value is 3220629.

Hex triplet	312495	`#312495`
RGB Decimal	49, 36, 149	`rgb(49,36,149)`
RGB Percent	19.2, 14.1, 58.4	`rgb(19.2%,14.1%,58.4%)`
CMYK	67, 76, 0, 42
HSL	246.9°, 61.1, 36.3	`hsl(246.9,61.1%,36.3%)`
HSV (or HSB)	246.9°, 75.8, 58.4
Web Safe	333399	`#333399`

CIE-LAB	23.948, 40.551, -59.558
XYZ	7.321, 4.084, 28.835
xyY	0.182, 0.101, 4.084
CIE-LCH	23.948, 72.053, 304.25
CIE-LUV	23.948, -2.806, -72.016
Hunter-Lab	20.21, 29.297, -70.447
Binary	00110001, 00100100, 10010101

#312495
```
#312495 rgb(49,36,149)
```
#889524
```
#889524 rgb(136,149,36)
```

Complementary Color

#245095
```
#245095 rgb(36,80,149)
```
#312495
```
#312495 rgb(49,36,149)
```
#6a2495
```
#6a2495 rgb(106,36,149)
```

Analogous Color

#509524
```
#509524 rgb(80,149,36)
```
#312495
```
#312495 rgb(49,36,149)
```
#956a24
```
#956a24 rgb(149,106,36)
```

Split Complementary Color

#249531
```
#249531 rgb(36,149,49)
```
#312495
```
#312495 rgb(49,36,149)
```
#953124
```
#953124 rgb(149,49,36)
```

Triadic Color

#248895
```
#248895 rgb(36,136,149)
```
#312495
```
#312495 rgb(49,36,149)
```
#953124
```
#953124 rgb(149,49,36)
```
#889524
```
#889524 rgb(136,149,36)
```

Tetradic Color

#1d1557
```
#1d1557 rgb(29,21,87)
```
#231a6c
```
#231a6c rgb(35,26,108)
```
#2a1f80
```
#2a1f80 rgb(42,31,128)
```
#312495
```
#312495 rgb(49,36,149)
```
#3829aa
```
#3829aa rgb(56,41,170)
```
#3f2ebe
```
#3f2ebe rgb(63,46,190)
```
#4837cf
```
#4837cf rgb(72,55,207)
```

Monochromatic Color

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

#243395
```
#243395 rgb(36,51,149)
```
#242a95
```
#242a95 rgb(36,42,149)
```
#282495
```
#282495 rgb(40,36,149)
```
#312495
```
#312495 rgb(49,36,149)
```
#3a2495
```
#3a2495 rgb(58,36,149)
```
#442495
```
#442495 rgb(68,36,149)
```
#4d2495
```
#4d2495 rgb(77,36,149)
```

Similar Colors

Text with hexadecimal color #312495

This text has a font color of #312495.

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

#312495 background color

This paragraph has a background color of #312495.

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

#312495 border color

This element has a border color of #312495.

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

CSS codes

.text {color:#312495;}

.background {background-color:#312495;}

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

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

#020207
```
#020207 rgb(2,2,7)
```
#070517
```
#070517 rgb(7,5,23)
```
#0d0926
```
#0d0926 rgb(13,9,38)
```
#120d36
```
#120d36 rgb(18,13,54)
```
#171146
```
#171146 rgb(23,17,70)
```
#1c1556
```
#1c1556 rgb(28,21,86)
```
#211966
```
#211966 rgb(33,25,102)
```
#271c75
```
#271c75 rgb(39,28,117)
```
#2c2085
```
#2c2085 rgb(44,32,133)
```
#312495
```
#312495 rgb(49,36,149)
```
#3628a5
```
#3628a5 rgb(54,40,165)
```
#3b2cb5
```
#3b2cb5 rgb(59,44,181)
```
#412fc4
```
#412fc4 rgb(65,47,196)
```

Shade Color Variation

#4a38cf
```
#4a38cf rgb(74,56,207)
```
#5848d3
```
#5848d3 rgb(88,72,211)
```
#6758d7
```
#6758d7 rgb(103,88,215)
```
#7568da
```
#7568da rgb(117,104,218)
```
#8378de
```
#8378de rgb(131,120,222)
```
#9287e2
```
#9287e2 rgb(146,135,226)
```
#a097e6
```
#a097e6 rgb(160,151,230)
```
#afa7ea
```
#afa7ea rgb(175,167,234)
```
#bdb7ee
```
#bdb7ee rgb(189,183,238)
```
#ccc7f1
```
#ccc7f1 rgb(204,199,241)
```
#dad6f5
```
#dad6f5 rgb(218,214,245)
```
#e8e6f9
```
#e8e6f9 rgb(232,230,249)
```
#f7f6fd
```
#f7f6fd rgb(247,246,253)
```

Tint Color Variation

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

#575663
```
#575663 rgb(87,86,99)
```
#524f6a
```
#524f6a rgb(82,79,106)
```
#4c4871
```
#4c4871 rgb(76,72,113)
```
#474079
```
#474079 rgb(71,64,121)
```
#413980
```
#413980 rgb(65,57,128)
```
#3c3287
```
#3c3287 rgb(60,50,135)
```
#362b8e
```
#362b8e rgb(54,43,142)
```
#312495
```
#312495 rgb(49,36,149)
```
#2c1d9c
```
#2c1d9c rgb(44,29,156)
```
#2616a3
```
#2616a3 rgb(38,22,163)
```
#210faa
```
#210faa rgb(33,15,170)
```
#1b08b1
```
#1b08b1 rgb(27,8,177)
```
#1600b9
```
#1600b9 rgb(22,0,185)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343248 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00456e Deuteranopia 1% of men
#00494e Tritanopia 0.001% of the population

Trichromacy

#113687 Protanomaly 1% of men, 0.01% of women
#11397c Deuteranomaly 6% of men, 0.4% of women
#113c68 Tritanomaly 0.01% of the population

#312495 hex color

#312495 Color Information

#312495 Color Conversion

Color Schemes with #312495

Alternatives to #312495

#312495 Preview

Shades and Tints of #312495

Tones of #312495

Color Blindness Simulator