#312285 hex color

In a RGB color space, hex #312285 is composed of 19.2% red, 13.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 74.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 249.1 degrees, a saturation of 59.3% and a lightness of 32.7%. #312285 color hex could be obtained by blending #6244ff with #00000b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 13
- B 52
RGB color chart
- C 63
- M 74
- Y 0
- K 48
CMYK color chart

● #312285 color description : Dark blue.

The hexadecimal color #312285 has RGB values of R:49, G:34, B:133 and CMYK values of C:0.63, M:0.74, Y:0, K:0.48. Its decimal value is 3220101.

Hex triplet	312285	`#312285`
RGB Decimal	49, 34, 133	`rgb(49,34,133)`
RGB Percent	19.2, 13.3, 52.2	`rgb(19.2%,13.3%,52.2%)`
CMYK	63, 74, 0, 48
HSL	249.1°, 59.3, 32.7	`hsl(249.1,59.3%,32.7%)`
HSV (or HSB)	249.1°, 74.4, 52.2
Web Safe	333399	`#333399`

CIE-LAB	21.909, 36.472, -52.956
XYZ	6.071, 3.49, 22.543
xyY	0.189, 0.109, 3.49
CIE-LCH	21.909, 64.301, 304.556
CIE-LUV	21.909, -1.474, -62.415
Hunter-Lab	18.682, 25.316, -58.464
Binary	00110001, 00100010, 10000101

#312285
```
#312285 rgb(49,34,133)
```
#768522
```
#768522 rgb(118,133,34)
```

Complementary Color

#224585
```
#224585 rgb(34,69,133)
```
#312285
```
#312285 rgb(49,34,133)
```
#632285
```
#632285 rgb(99,34,133)
```

Analogous Color

#458522
```
#458522 rgb(69,133,34)
```
#312285
```
#312285 rgb(49,34,133)
```
#856222
```
#856222 rgb(133,98,34)
```

Split Complementary Color

#228531
```
#228531 rgb(34,133,49)
```
#312285
```
#312285 rgb(49,34,133)
```
#853122
```
#853122 rgb(133,49,34)
```

Triadic Color

#227685
```
#227685 rgb(34,118,133)
```
#312285
```
#312285 rgb(49,34,133)
```
#853122
```
#853122 rgb(133,49,34)
```
#768522
```
#768522 rgb(118,133,34)
```

Tetradic Color

#1b1248
```
#1b1248 rgb(27,18,72)
```
#22185c
```
#22185c rgb(34,24,92)
```
#2a1d71
```
#2a1d71 rgb(42,29,113)
```
#312285
```
#312285 rgb(49,34,133)
```
#382799
```
#382799 rgb(56,39,153)
```
#402cae
```
#402cae rgb(64,44,174)
```
#4732c2
```
#4732c2 rgb(71,50,194)
```

Monochromatic Color

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

#222c85
```
#222c85 rgb(34,44,133)
```
#222485
```
#222485 rgb(34,36,133)
```
#292285
```
#292285 rgb(41,34,133)
```
#312285
```
#312285 rgb(49,34,133)
```
#392285
```
#392285 rgb(57,34,133)
```
#412285
```
#412285 rgb(65,34,133)
```
#4a2285
```
#4a2285 rgb(74,34,133)
```

Similar Colors

Text with hexadecimal color #312285

This text has a font color of #312285.

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

#312285 background color

This paragraph has a background color of #312285.

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

#312285 border color

This element has a border color of #312285.

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

CSS codes

.text {color:#312285;}

.background {background-color:#312285;}

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

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

#030208
```
#030208 rgb(3,2,8)
```
#090618
```
#090618 rgb(9,6,24)
```
#0e0a27
```
#0e0a27 rgb(14,10,39)
```
#140e37
```
#140e37 rgb(20,14,55)
```
#1a1247
```
#1a1247 rgb(26,18,71)
```
#201656
```
#201656 rgb(32,22,86)
```
#251a66
```
#251a66 rgb(37,26,102)
```
#2b1e75
```
#2b1e75 rgb(43,30,117)
```
#312285
```
#312285 rgb(49,34,133)
```
#372695
```
#372695 rgb(55,38,149)
```
#3d2aa4
```
#3d2aa4 rgb(61,42,164)
```
#422eb4
```
#422eb4 rgb(66,46,180)
```
#4832c3
```
#4832c3 rgb(72,50,195)
```

Shade Color Variation

#523ccd
```
#523ccd rgb(82,60,205)
```
#604cd1
```
#604cd1 rgb(96,76,209)
```
#6e5bd5
```
#6e5bd5 rgb(110,91,213)
```
#7c6bd9
```
#7c6bd9 rgb(124,107,217)
```
#897add
```
#897add rgb(137,122,221)
```
#978ae1
```
#978ae1 rgb(151,138,225)
```
#a59ae5
```
#a59ae5 rgb(165,154,229)
```
#b3a9e9
```
#b3a9e9 rgb(179,169,233)
```
#c1b9ed
```
#c1b9ed rgb(193,185,237)
```
#cfc9f1
```
#cfc9f1 rgb(207,201,241)
```
#ddd8f5
```
#ddd8f5 rgb(221,216,245)
```
#eae8f9
```
#eae8f9 rgb(234,232,249)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

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

#504f58
```
#504f58 rgb(80,79,88)
```
#4c495e
```
#4c495e rgb(76,73,94)
```
#474265
```
#474265 rgb(71,66,101)
```
#433c6b
```
#433c6b rgb(67,60,107)
```
#3e3572
```
#3e3572 rgb(62,53,114)
```
#3a2f78
```
#3a2f78 rgb(58,47,120)
```
#35287f
```
#35287f rgb(53,40,127)
```
#312285
```
#312285 rgb(49,34,133)
```
#2d1c8b
```
#2d1c8b rgb(45,28,139)
```
#281592
```
#281592 rgb(40,21,146)
```
#240f98
```
#240f98 rgb(36,15,152)
```
#1f089f
```
#1f089f rgb(31,8,159)
```
#1b02a5
```
#1b02a5 rgb(27,2,165)
```

Tone Color Variation

Below, you can see how #312285 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
#004067 Deuteranopia 1% of men
#00454a Tritanopia 0.001% of the population

Trichromacy

#11337c Protanomaly 1% of men, 0.01% of women
#113572 Deuteranomaly 6% of men, 0.4% of women
#11385f Tritanomaly 0.01% of the population

#312285 hex color

#312285 Color Information

#312285 Color Conversion

Color Schemes with #312285

Alternatives to #312285

#312285 Preview

Shades and Tints of #312285

Tones of #312285

Color Blindness Simulator