#312287 hex color

In a RGB color space, hex #312287 is composed of 19.2% red, 13.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 74.8% magenta, 0% yellow and 47.1% black. It has a hue angle of 248.9 degrees, a saturation of 59.8% and a lightness of 33.1%. #312287 color hex could be obtained by blending #6244ff with #00000f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 13
- B 53
RGB color chart
- C 64
- M 75
- Y 0
- K 47
CMYK color chart

● #312287 color description : Dark blue.

The hexadecimal color #312287 has RGB values of R:49, G:34, B:135 and CMYK values of C:0.64, M:0.75, Y:0, K:0.47. Its decimal value is 3220103.

Hex triplet	312287	`#312287`
RGB Decimal	49, 34, 135	`rgb(49,34,135)`
RGB Percent	19.2, 13.3, 52.9	`rgb(19.2%,13.3%,52.9%)`
CMYK	64, 75, 0, 47
HSL	248.9°, 59.8, 33.1	`hsl(248.9,59.8%,33.1%)`
HSV (or HSB)	248.9°, 74.8, 52.9
Web Safe	333399	`#333399`

CIE-LAB	22.11, 37.125, -53.881
XYZ	6.211, 3.546, 23.278
xyY	0.188, 0.107, 3.546
CIE-LCH	22.11, 65.433, 304.568
CIE-LUV	22.11, -1.61, -63.633
Hunter-Lab	18.831, 25.92, -60.108
Binary	00110001, 00100010, 10000111

#312287
```
#312287 rgb(49,34,135)
```
#788722
```
#788722 rgb(120,135,34)
```

Complementary Color

#224687
```
#224687 rgb(34,70,135)
```
#312287
```
#312287 rgb(49,34,135)
```
#632287
```
#632287 rgb(99,34,135)
```

Analogous Color

#468722
```
#468722 rgb(70,135,34)
```
#312287
```
#312287 rgb(49,34,135)
```
#876322
```
#876322 rgb(135,99,34)
```

Split Complementary Color

#228731
```
#228731 rgb(34,135,49)
```
#312287
```
#312287 rgb(49,34,135)
```
#873122
```
#873122 rgb(135,49,34)
```

Triadic Color

#227887
```
#227887 rgb(34,120,135)
```
#312287
```
#312287 rgb(49,34,135)
```
#873122
```
#873122 rgb(135,49,34)
```
#788722
```
#788722 rgb(120,135,34)
```

Tetradic Color

#1b134a
```
#1b134a rgb(27,19,74)
```
#22185e
```
#22185e rgb(34,24,94)
```
#2a1d73
```
#2a1d73 rgb(42,29,115)
```
#312287
```
#312287 rgb(49,34,135)
```
#38279b
```
#38279b rgb(56,39,155)
```
#402cb0
```
#402cb0 rgb(64,44,176)
```
#4731c4
```
#4731c4 rgb(71,49,196)
```

Monochromatic Color

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

#222c87
```
#222c87 rgb(34,44,135)
```
#222487
```
#222487 rgb(34,36,135)
```
#292287
```
#292287 rgb(41,34,135)
```
#312287
```
#312287 rgb(49,34,135)
```
#392287
```
#392287 rgb(57,34,135)
```
#422287
```
#422287 rgb(66,34,135)
```
#4a2287
```
#4a2287 rgb(74,34,135)
```

Similar Colors

Text with hexadecimal color #312287

This text has a font color of #312287.

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

#312287 background color

This paragraph has a background color of #312287.

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

#312287 border color

This element has a border color of #312287.

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

CSS codes

.text {color:#312287;}

.background {background-color:#312287;}

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

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, #04020a is the darkest color, while #faf9fd is the lightest one.

#04020a
```
#04020a rgb(4,2,10)
```
#090619
```
#090619 rgb(9,6,25)
```
#0f0a29
```
#0f0a29 rgb(15,10,41)
```
#150e39
```
#150e39 rgb(21,14,57)
```
#1a1248
```
#1a1248 rgb(26,18,72)
```
#201658
```
#201658 rgb(32,22,88)
```
#261a68
```
#261a68 rgb(38,26,104)
```
#2b1e77
```
#2b1e77 rgb(43,30,119)
```
#312287
```
#312287 rgb(49,34,135)
```
#372697
```
#372697 rgb(55,38,151)
```
#3c2aa6
```
#3c2aa6 rgb(60,42,166)
```
#422eb6
```
#422eb6 rgb(66,46,182)
```
#4832c6
```
#4832c6 rgb(72,50,198)
```

Shade Color Variation

#533dce
```
#533dce rgb(83,61,206)
```
#604dd2
```
#604dd2 rgb(96,77,210)
```
#6e5cd6
```
#6e5cd6 rgb(110,92,214)
```
#7c6cda
```
#7c6cda rgb(124,108,218)
```
#8a7cde
```
#8a7cde rgb(138,124,222)
```
#988be2
```
#988be2 rgb(152,139,226)
```
#a69be6
```
#a69be6 rgb(166,155,230)
```
#b4abea
```
#b4abea rgb(180,171,234)
```
#c2baee
```
#c2baee rgb(194,186,238)
```
#d0caf2
```
#d0caf2 rgb(208,202,242)
```
#dedaf6
```
#dedaf6 rgb(222,218,246)
```
#ece9fa
```
#ece9fa rgb(236,233,250)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#51505a
```
#51505a rgb(81,80,90)
```
#4c4960
```
#4c4960 rgb(76,73,96)
```
#484367
```
#484367 rgb(72,67,103)
```
#433c6d
```
#433c6d rgb(67,60,109)
```
#3f3674
```
#3f3674 rgb(63,54,116)
```
#3a2f7a
```
#3a2f7a rgb(58,47,122)
```
#362981
```
#362981 rgb(54,41,129)
```
#312287
```
#312287 rgb(49,34,135)
```
#2c1c8e
```
#2c1c8e rgb(44,28,142)
```
#281594
```
#281594 rgb(40,21,148)
```
#230f9b
```
#230f9b rgb(35,15,155)
```
#1f08a1
```
#1f08a1 rgb(31,8,161)
```
#1a01a8
```
#1a01a8 rgb(26,1,168)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#322f43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d77 Protanopia 1% of men
#004168 Deuteranopia 1% of men
#00454a Tritanopia 0.001% of the population

Trichromacy

#11337d Protanomaly 1% of men, 0.01% of women
#113573 Deuteranomaly 6% of men, 0.4% of women
#113860 Tritanomaly 0.01% of the population

#312287 hex color

#312287 Color Information

#312287 Color Conversion

Color Schemes with #312287

Alternatives to #312287

#312287 Preview

Shades and Tints of #312287

Tones of #312287

Color Blindness Simulator