#312898 hex color

In a RGB color space, hex #312898 is composed of 19.2% red, 15.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 73.7% magenta, 0% yellow and 40.4% black. It has a hue angle of 244.8 degrees, a saturation of 58.3% and a lightness of 37.6%. #312898 color hex could be obtained by blending #6250ff with #000031. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 16
- B 60
RGB color chart
- C 68
- M 74
- Y 0
- K 40
CMYK color chart

● #312898 color description : Dark blue.

The hexadecimal color #312898 has RGB values of R:49, G:40, B:152 and CMYK values of C:0.68, M:0.74, Y:0, K:0.4. Its decimal value is 3221656.

Hex triplet	312898	`#312898`
RGB Decimal	49, 40, 152	`rgb(49,40,152)`
RGB Percent	19.2, 15.7, 59.6	`rgb(19.2%,15.7%,59.6%)`
CMYK	68, 74, 0, 40
HSL	244.8°, 58.3, 37.6	`hsl(244.8,58.3%,37.6%)`
HSV (or HSB)	244.8°, 73.7, 59.6
Web Safe	333399	`#333399`

CIE-LAB	25.067, 39.259, -59.561
XYZ	7.692, 4.437, 30.155
xyY	0.182, 0.105, 4.437
CIE-LCH	25.067, 71.335, 303.39
CIE-LUV	25.067, -3.601, -73.611
Hunter-Lab	21.065, 28.317, -70.132
Binary	00110001, 00101000, 10011000

#312898
```
#312898 rgb(49,40,152)
```
#8f9828
```
#8f9828 rgb(143,152,40)
```

Complementary Color

#285798
```
#285798 rgb(40,87,152)
```
#312898
```
#312898 rgb(49,40,152)
```
#692898
```
#692898 rgb(105,40,152)
```

Analogous Color

#579828
```
#579828 rgb(87,152,40)
```
#312898
```
#312898 rgb(49,40,152)
```
#986928
```
#986928 rgb(152,105,40)
```

Split Complementary Color

#289831
```
#289831 rgb(40,152,49)
```
#312898
```
#312898 rgb(49,40,152)
```
#983128
```
#983128 rgb(152,49,40)
```

Triadic Color

#288f98
```
#288f98 rgb(40,143,152)
```
#312898
```
#312898 rgb(49,40,152)
```
#983128
```
#983128 rgb(152,49,40)
```
#8f9828
```
#8f9828 rgb(143,152,40)
```

Tetradic Color

#1d185b
```
#1d185b rgb(29,24,91)
```
#241d70
```
#241d70 rgb(36,29,112)
```
#2a2384
```
#2a2384 rgb(42,35,132)
```
#312898
```
#312898 rgb(49,40,152)
```
#382dac
```
#382dac rgb(56,45,172)
```
#3e33c0
```
#3e33c0 rgb(62,51,192)
```
#4b40cd
```
#4b40cd rgb(75,64,205)
```

Monochromatic Color

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

#283b98
```
#283b98 rgb(40,59,152)
```
#283298
```
#283298 rgb(40,50,152)
```
#282898
```
#282898 rgb(40,40,152)
```
#312898
```
#312898 rgb(49,40,152)
```
#3a2898
```
#3a2898 rgb(58,40,152)
```
#442898
```
#442898 rgb(68,40,152)
```
#4d2898
```
#4d2898 rgb(77,40,152)
```

Similar Colors

Text with hexadecimal color #312898

This text has a font color of #312898.

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

#312898 background color

This paragraph has a background color of #312898.

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

#312898 border color

This element has a border color of #312898.

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

CSS codes

.text {color:#312898;}

.background {background-color:#312898;}

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

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, #04030c is the darkest color, while #fcfcfe is the lightest one.

#04030c
```
#04030c rgb(4,3,12)
```
#09071c
```
#09071c rgb(9,7,28)
```
#0e0b2b
```
#0e0b2b rgb(14,11,43)
```
#130f3b
```
#130f3b rgb(19,15,59)
```
#18144a
```
#18144a rgb(24,20,74)
```
#1d185a
```
#1d185a rgb(29,24,90)
```
#221c69
```
#221c69 rgb(34,28,105)
```
#272079
```
#272079 rgb(39,32,121)
```
#2c2488
```
#2c2488 rgb(44,36,136)
```
#312898
```
#312898 rgb(49,40,152)
```
#362ca8
```
#362ca8 rgb(54,44,168)
```
#3b30b7
```
#3b30b7 rgb(59,48,183)
```
#4034c7
```
#4034c7 rgb(64,52,199)
```

Shade Color Variation

#4d41cd
```
#4d41cd rgb(77,65,205)
```
#5b51d1
```
#5b51d1 rgb(91,81,209)
```
#6a60d5
```
#6a60d5 rgb(106,96,213)
```
#7870d9
```
#7870d9 rgb(120,112,217)
```
#877fdd
```
#877fdd rgb(135,127,221)
```
#968fe2
```
#968fe2 rgb(150,143,226)
```
#a49fe6
```
#a49fe6 rgb(164,159,230)
```
#b3aeea
```
#b3aeea rgb(179,174,234)
```
#c1beee
```
#c1beee rgb(193,190,238)
```
#d0cdf2
```
#d0cdf2 rgb(208,205,242)
```
#dfddf6
```
#dfddf6 rgb(223,221,246)
```
#edecfa
```
#edecfa rgb(237,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5c64 is the less saturated color, while #1203bd is the most saturated one.

#5c5c64
```
#5c5c64 rgb(92,92,100)
```
#56546c
```
#56546c rgb(86,84,108)
```
#504d73
```
#504d73 rgb(80,77,115)
```
#4a467a
```
#4a467a rgb(74,70,122)
```
#443e82
```
#443e82 rgb(68,62,130)
```
#3d3789
```
#3d3789 rgb(61,55,137)
```
#372f91
```
#372f91 rgb(55,47,145)
```
#312898
```
#312898 rgb(49,40,152)
```
#2b219f
```
#2b219f rgb(43,33,159)
```
#2519a7
```
#2519a7 rgb(37,25,167)
```
#1e12ae
```
#1e12ae rgb(30,18,174)
```
#180ab6
```
#180ab6 rgb(24,10,182)
```
#1203bd
```
#1203bd rgb(18,3,189)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#36344a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

#11398b Protanomaly 1% of men, 0.01% of women
#113c80 Deuteranomaly 6% of men, 0.4% of women
#113f6a Tritanomaly 0.01% of the population

#312898 hex color

#312898 Color Information

#312898 Color Conversion

Color Schemes with #312898

Alternatives to #312898

#312898 Preview

Shades and Tints of #312898

Tones of #312898

Color Blindness Simulator