#312cb5 hex color

In a RGB color space, hex #312cb5 is composed of 19.2% red, 17.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 75.7% magenta, 0% yellow and 29% black. It has a hue angle of 242.2 degrees, a saturation of 60.9% and a lightness of 44.1%. #312cb5 color hex could be obtained by blending #6258ff with #00006b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 17
- B 71
RGB color chart
- C 73
- M 76
- Y 0
- K 29
CMYK color chart

● #312cb5 color description : Strong blue.

The hexadecimal color #312cb5 has RGB values of R:49, G:44, B:181 and CMYK values of C:0.73, M:0.76, Y:0, K:0.29. Its decimal value is 3222709.

Hex triplet	312cb5	`#312cb5`
RGB Decimal	49, 44, 181	`rgb(49,44,181)`
RGB Percent	19.2, 17.3, 71	`rgb(19.2%,17.3%,71%)`
CMYK	73, 76, 0, 29
HSL	242.2°, 60.9, 44.1	`hsl(242.2,60.9%,44.1%)`
HSV (or HSB)	242.2°, 75.7, 71
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.876, 46.528, -70.801
XYZ	10.506, 5.79, 44.277
xyY	0.173, 0.096, 5.79
CIE-LCH	28.876, 84.721, 303.312
CIE-LUV	28.876, -5.733, -90.829
Hunter-Lab	24.062, 35.828, -92.257
Binary	00110001, 00101100, 10110101

#312cb5
```
#312cb5 rgb(49,44,181)
```
#b0b52c
```
#b0b52c rgb(176,181,44)
```

Complementary Color

#2c6cb5
```
#2c6cb5 rgb(44,108,181)
```
#312cb5
```
#312cb5 rgb(49,44,181)
```
#762cb5
```
#762cb5 rgb(118,44,181)
```

Analogous Color

#6cb52c
```
#6cb52c rgb(108,181,44)
```
#312cb5
```
#312cb5 rgb(49,44,181)
```
#b5762c
```
#b5762c rgb(181,118,44)
```

Split Complementary Color

#2cb531
```
#2cb531 rgb(44,181,49)
```
#312cb5
```
#312cb5 rgb(49,44,181)
```
#b5312c
```
#b5312c rgb(181,49,44)
```

Triadic Color

#2cb0b5
```
#2cb0b5 rgb(44,176,181)
```
#312cb5
```
#312cb5 rgb(49,44,181)
```
#b5312c
```
#b5312c rgb(181,49,44)
```
#b0b52c
```
#b0b52c rgb(176,181,44)
```

Tetradic Color

#201d77
```
#201d77 rgb(32,29,119)
```
#26228c
```
#26228c rgb(38,34,140)
```
#2b27a0
```
#2b27a0 rgb(43,39,160)
```
#312cb5
```
#312cb5 rgb(49,44,181)
```
#3731ca
```
#3731ca rgb(55,49,202)
```
#4843d1
```
#4843d1 rgb(72,67,209)
```
#5c57d6
```
#5c57d6 rgb(92,87,214)
```

Monochromatic Color

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

#2c49b5
```
#2c49b5 rgb(44,73,181)
```
#2c3eb5
```
#2c3eb5 rgb(44,62,181)
```
#2c32b5
```
#2c32b5 rgb(44,50,181)
```
#312cb5
```
#312cb5 rgb(49,44,181)
```
#3c2cb5
```
#3c2cb5 rgb(60,44,181)
```
#482cb5
```
#482cb5 rgb(72,44,181)
```
#532cb5
```
#532cb5 rgb(83,44,181)
```

Similar Colors

Text with hexadecimal color #312cb5

This text has a font color of #312cb5.

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

#312cb5 background color

This paragraph has a background color of #312cb5.

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

#312cb5 border color

This element has a border color of #312cb5.

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

CSS codes

.text {color:#312cb5;}

.background {background-color:#312cb5;}

.border {border:1px solid #312cb5;}

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 #f7f7fd is the lightest one.

#020207
```
#020207 rgb(2,2,7)
```
#060617
```
#060617 rgb(6,6,23)
```
#0b0927
```
#0b0927 rgb(11,9,39)
```
#0f0d37
```
#0f0d37 rgb(15,13,55)
```
#131147
```
#131147 rgb(19,17,71)
```
#171556
```
#171556 rgb(23,21,86)
```
#1c1966
```
#1c1966 rgb(28,25,102)
```
#201d76
```
#201d76 rgb(32,29,118)
```
#242086
```
#242086 rgb(36,32,134)
```
#282495
```
#282495 rgb(40,36,149)
```
#2d28a5
```
#2d28a5 rgb(45,40,165)
```
#312cb5
```
#312cb5 rgb(49,44,181)
```
#3530c5
```
#3530c5 rgb(53,48,197)
```

Shade Color Variation

#3f39cf
```
#3f39cf rgb(63,57,207)
```
#4e49d3
```
#4e49d3 rgb(78,73,211)
```
#5d59d7
```
#5d59d7 rgb(93,89,215)
```
#6d69da
```
#6d69da rgb(109,105,218)
```
#7c78de
```
#7c78de rgb(124,120,222)
```
#8b88e2
```
#8b88e2 rgb(139,136,226)
```
#9b98e6
```
#9b98e6 rgb(155,152,230)
```
#aaa8ea
```
#aaa8ea rgb(170,168,234)
```
#bab8ee
```
#bab8ee rgb(186,184,238)
```
#c9c7f1
```
#c9c7f1 rgb(201,199,241)
```
#d8d7f5
```
#d8d7f5 rgb(216,215,245)
```
#e8e7f9
```
#e8e7f9 rgb(232,231,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

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

#696978
```
#696978 rgb(105,105,120)
```
#616081
```
#616081 rgb(97,96,129)
```
#59578a
```
#59578a rgb(89,87,138)
```
#514f92
```
#514f92 rgb(81,79,146)
```
#49469b
```
#49469b rgb(73,70,155)
```
#413da4
```
#413da4 rgb(65,61,164)
```
#3935ac
```
#3935ac rgb(57,53,172)
```
#312cb5
```
#312cb5 rgb(49,44,181)
```
#2923be
```
#2923be rgb(41,35,190)
```
#211bc6
```
#211bc6 rgb(33,27,198)
```
#1912cf
```
#1912cf rgb(25,18,207)
```
#1109d8
```
#1109d8 rgb(17,9,216)
```
#0901e0
```
#0901e0 rgb(9,1,224)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7f Deuteranopia 1% of men
#00555a Tritanopia 0.001% of the population

Trichromacy

#11409f Protanomaly 1% of men, 0.01% of women
#114292 Deuteranomaly 6% of men, 0.4% of women
#11467b Tritanomaly 0.01% of the population

#312cb5 hex color

#312cb5 Color Information

#312cb5 Color Conversion

Color Schemes with #312cb5

Alternatives to #312cb5

#312cb5 Preview

Shades and Tints of #312cb5

Tones of #312cb5

Color Blindness Simulator