#312ed6 hex color

In a RGB color space, hex #312ed6 is composed of 19.2% red, 18% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 78.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 241.1 degrees, a saturation of 67.2% and a lightness of 51%. #312ed6 color hex could be obtained by blending #625cff with #0000ad. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 18
- B 84
RGB color chart
- C 77
- M 79
- Y 0
- K 16
CMYK color chart

● #312ed6 color description : Strong blue.

The hexadecimal color #312ed6 has RGB values of R:49, G:46, B:214 and CMYK values of C:0.77, M:0.79, Y:0, K:0.16. Its decimal value is 3223254.

Hex triplet	312ed6	`#312ed6`
RGB Decimal	49, 46, 214	`rgb(49,46,214)`
RGB Percent	19.2, 18, 83.9	`rgb(19.2%,18%,83.9%)`
CMYK	77, 79, 0, 16
HSL	241.1°, 67.2, 51	`hsl(241.1,67.2%,51%)`
HSV (or HSB)	241.1°, 78.5, 83.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.834, 55.926, -83.596
XYZ	14.379, 7.461, 64.297
xyY	0.167, 0.087, 7.461
CIE-LCH	32.834, 100.578, 303.783
CIE-LUV	32.834, -7.532, -110.109
Hunter-Lab	27.315, 46.162, -120.443
Binary	00110001, 00101110, 11010110

#312ed6
```
#312ed6 rgb(49,46,214)
```
#d3d62e
```
#d3d62e rgb(211,214,46)
```

Complementary Color

#2e7fd6
```
#2e7fd6 rgb(46,127,214)
```
#312ed6
```
#312ed6 rgb(49,46,214)
```
#852ed6
```
#852ed6 rgb(133,46,214)
```

Analogous Color

#7fd62e
```
#7fd62e rgb(127,214,46)
```
#312ed6
```
#312ed6 rgb(49,46,214)
```
#d6852e
```
#d6852e rgb(214,133,46)
```

Split Complementary Color

#2ed631
```
#2ed631 rgb(46,214,49)
```
#312ed6
```
#312ed6 rgb(49,46,214)
```
#d6312e
```
#d6312e rgb(214,49,46)
```

Triadic Color

#2ed3d6
```
#2ed3d6 rgb(46,211,214)
```
#312ed6
```
#312ed6 rgb(49,46,214)
```
#d6312e
```
#d6312e rgb(214,49,46)
```
#d3d62e
```
#d3d62e rgb(211,214,46)
```

Tetradic Color

#201e99
```
#201e99 rgb(32,30,153)
```
#2522af
```
#2522af rgb(37,34,175)
```
#2926c4
```
#2926c4 rgb(41,38,196)
```
#312ed6
```
#312ed6 rgb(49,46,214)
```
#4643da
```
#4643da rgb(70,67,218)
```
#5b59de
```
#5b59de rgb(91,89,222)
```
#706ee3
```
#706ee3 rgb(112,110,227)
```

Monochromatic Color

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

#2e55d6
```
#2e55d6 rgb(46,85,214)
```
#2e47d6
```
#2e47d6 rgb(46,71,214)
```
#2e39d6
```
#2e39d6 rgb(46,57,214)
```
#312ed6
```
#312ed6 rgb(49,46,214)
```
#3f2ed6
```
#3f2ed6 rgb(63,46,214)
```
#4d2ed6
```
#4d2ed6 rgb(77,46,214)
```
#5b2ed6
```
#5b2ed6 rgb(91,46,214)
```

Similar Colors

Text with hexadecimal color #312ed6

This text has a font color of #312ed6.

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

#312ed6 background color

This paragraph has a background color of #312ed6.

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

#312ed6 border color

This element has a border color of #312ed6.

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

CSS codes

.text {color:#312ed6;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040415
```
#040415 rgb(4,4,21)
```
#080725
```
#080725 rgb(8,7,37)
```
#0b0a35
```
#0b0a35 rgb(11,10,53)
```
#0f0e46
```
#0f0e46 rgb(15,14,70)
```
#121156
```
#121156 rgb(18,17,86)
```
#161467
```
#161467 rgb(22,20,103)
```
#191777
```
#191777 rgb(25,23,119)
```
#1c1b87
```
#1c1b87 rgb(28,27,135)
```
#201e98
```
#201e98 rgb(32,30,152)
```
#2321a8
```
#2321a8 rgb(35,33,168)
```
#2724b9
```
#2724b9 rgb(39,36,185)
```
#2a27c9
```
#2a27c9 rgb(42,39,201)
```

Shade Color Variation

#312ed6
```
#312ed6 rgb(49,46,214)
```
#413ed9
```
#413ed9 rgb(65,62,217)
```
#514fdc
```
#514fdc rgb(81,79,220)
```
#615fe0
```
#615fe0 rgb(97,95,224)
```
#7270e3
```
#7270e3 rgb(114,112,227)
```
#8280e6
```
#8280e6 rgb(130,128,230)
```
#9290e9
```
#9290e9 rgb(146,144,233)
```
#a2a1ed
```
#a2a1ed rgb(162,161,237)
```
#b2b1f0
```
#b2b1f0 rgb(178,177,240)
```
#c2c2f3
```
#c2c2f3 rgb(194,194,243)
```
#d3d2f6
```
#d3d2f6 rgb(211,210,246)
```
#e3e2f9
```
#e3e2f9 rgb(227,226,249)
```
#f3f3fd
```
#f3f3fd rgb(243,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7b89 is the less saturated color, while #0c08fc is the most saturated one.

#7b7b89
```
#7b7b89 rgb(123,123,137)
```
#727193
```
#727193 rgb(114,113,147)
```
#69689c
```
#69689c rgb(105,104,156)
```
#5f5ea6
```
#5f5ea6 rgb(95,94,166)
```
#5654b0
```
#5654b0 rgb(86,84,176)
```
#4d4bb9
```
#4d4bb9 rgb(77,75,185)
```
#4441c3
```
#4441c3 rgb(68,65,195)
```
#3a38cc
```
#3a38cc rgb(58,56,204)
```
#312ed6
```
#312ed6 rgb(49,46,214)
```
#2824e0
```
#2824e0 rgb(40,36,224)
```
#1e1be9
```
#1e1be9 rgb(30,27,233)
```
#1511f3
```
#1511f3 rgb(21,17,243)
```
#0c08fc
```
#0c08fc rgb(12,8,252)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3f3e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00588d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#1146b5 Protanomaly 1% of men, 0.01% of women
#1149a7 Deuteranomaly 6% of men, 0.4% of women
#114d8d Tritanomaly 0.01% of the population

#312ed6 hex color

#312ed6 Color Information

#312ed6 Color Conversion

Color Schemes with #312ed6

Alternatives to #312ed6

#312ed6 Preview

Shades and Tints of #312ed6

Tones of #312ed6

Color Blindness Simulator