#312463 hex color

In a RGB color space, hex #312463 is composed of 19.2% red, 14.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 63.6% magenta, 0% yellow and 61.2% black. It has a hue angle of 252.4 degrees, a saturation of 46.7% and a lightness of 26.5%. #312463 color hex could be obtained by blending #6248c6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 14
- B 39
RGB color chart
- C 51
- M 64
- Y 0
- K 61
CMYK color chart

● #312463 color description : Very dark blue.

The hexadecimal color #312463 has RGB values of R:49, G:36, B:99 and CMYK values of C:0.51, M:0.64, Y:0, K:0.61. Its decimal value is 3220579.

Hex triplet	312463	`#312463`
RGB Decimal	49, 36, 99	`rgb(49,36,99)`
RGB Percent	19.2, 14.1, 38.8	`rgb(19.2%,14.1%,38.8%)`
CMYK	51, 64, 0, 61
HSL	252.4°, 46.7, 26.5	`hsl(252.4,46.7%,26.5%)`
HSV (or HSB)	252.4°, 63.6, 38.8
Web Safe	333366	`#333366`

CIE-LAB	19.289, 23.945, -35.387
XYZ	4.149, 2.815, 12.129
xyY	0.217, 0.147, 2.815
CIE-LCH	19.289, 42.727, 304.085
CIE-LUV	19.289, 0.673, -40.669
Hunter-Lab	16.779, 14.775, -31.11
Binary	00110001, 00100100, 01100011

#312463
```
#312463 rgb(49,36,99)
```
#566324
```
#566324 rgb(86,99,36)
```

Complementary Color

#243763
```
#243763 rgb(36,55,99)
```
#312463
```
#312463 rgb(49,36,99)
```
#512463
```
#512463 rgb(81,36,99)
```

Analogous Color

#376324
```
#376324 rgb(55,99,36)
```
#312463
```
#312463 rgb(49,36,99)
```
#635124
```
#635124 rgb(99,81,36)
```

Split Complementary Color

#246331
```
#246331 rgb(36,99,49)
```
#312463
```
#312463 rgb(49,36,99)
```
#633124
```
#633124 rgb(99,49,36)
```

Triadic Color

#245663
```
#245663 rgb(36,86,99)
```
#312463
```
#312463 rgb(49,36,99)
```
#633124
```
#633124 rgb(99,49,36)
```
#566324
```
#566324 rgb(86,99,36)
```

Tetradic Color

#15102b
```
#15102b rgb(21,16,43)
```
#1e163e
```
#1e163e rgb(30,22,62)
```
#281d50
```
#281d50 rgb(40,29,80)
```
#312463
```
#312463 rgb(49,36,99)
```
#3a2b76
```
#3a2b76 rgb(58,43,118)
```
#443288
```
#443288 rgb(68,50,136)
```
#4d389b
```
#4d389b rgb(77,56,155)
```

Monochromatic Color

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

#242763
```
#242763 rgb(36,39,99)
```
#272463
```
#272463 rgb(39,36,99)
```
#2c2463
```
#2c2463 rgb(44,36,99)
```
#312463
```
#312463 rgb(49,36,99)
```
#362463
```
#362463 rgb(54,36,99)
```
#3c2463
```
#3c2463 rgb(60,36,99)
```
#412463
```
#412463 rgb(65,36,99)
```

Similar Colors

Text with hexadecimal color #312463

This text has a font color of #312463.

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

#312463 background color

This paragraph has a background color of #312463.

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

#312463 border color

This element has a border color of #312463.

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

CSS codes

.text {color:#312463;}

.background {background-color:#312463;}

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

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

#06050d
```
#06050d rgb(6,5,13)
```
#0d0a1b
```
#0d0a1b rgb(13,10,27)
```
#150f29
```
#150f29 rgb(21,15,41)
```
#1c1438
```
#1c1438 rgb(28,20,56)
```
#231a46
```
#231a46 rgb(35,26,70)
```
#2a1f55
```
#2a1f55 rgb(42,31,85)
```
#312463
```
#312463 rgb(49,36,99)
```
#382971
```
#382971 rgb(56,41,113)
```
#3f2e80
```
#3f2e80 rgb(63,46,128)
```
#46348e
```
#46348e rgb(70,52,142)
```
#4d399d
```
#4d399d rgb(77,57,157)
```
#553eab
```
#553eab rgb(85,62,171)
```
#5c43b9
```
#5c43b9 rgb(92,67,185)
```

Shade Color Variation

#6851c0
```
#6851c0 rgb(104,81,192)
```
#745fc5
```
#745fc5 rgb(116,95,197)
```
#816dca
```
#816dca rgb(129,109,202)
```
#8d7ccf
```
#8d7ccf rgb(141,124,207)
```
#9a8ad5
```
#9a8ad5 rgb(154,138,213)
```
#a699da
```
#a699da rgb(166,153,218)
```
#b3a7df
```
#b3a7df rgb(179,167,223)
```
#bfb5e4
```
#bfb5e4 rgb(191,181,228)
```
#ccc4e9
```
#ccc4e9 rgb(204,196,233)
```
#d8d2ef
```
#d8d2ef rgb(216,210,239)
```
#e5e1f4
```
#e5e1f4 rgb(229,225,244)
```
#f1eff9
```
#f1eff9 rgb(241,239,249)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#434344
```
#434344 rgb(67,67,68)
```
#403e49
```
#403e49 rgb(64,62,73)
```
#3d394e
```
#3d394e rgb(61,57,78)
```
#3a3453
```
#3a3453 rgb(58,52,83)
```
#372e59
```
#372e59 rgb(55,46,89)
```
#34295e
```
#34295e rgb(52,41,94)
```
#312463
```
#312463 rgb(49,36,99)
```
#2e1f68
```
#2e1f68 rgb(46,31,104)
```
#2b1a6d
```
#2b1a6d rgb(43,26,109)
```
#281473
```
#281473 rgb(40,20,115)
```
#250f78
```
#250f78 rgb(37,15,120)
```
#220a7d
```
#220a7d rgb(34,10,125)
```
#1f0582
```
#1f0582 rgb(31,5,130)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2d39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376d Protanopia 1% of men
#003a60 Deuteranopia 1% of men
#2c3c40 Tritanopia 0.001% of the population

Trichromacy

#113069 Protanomaly 1% of men, 0.01% of women
#113261 Deuteranomaly 6% of men, 0.4% of women
#2e334c Tritanomaly 0.01% of the population

#312463 hex color

#312463 Color Information

#312463 Color Conversion

Color Schemes with #312463

Alternatives to #312463

#312463 Preview

Shades and Tints of #312463

Tones of #312463

Color Blindness Simulator