#312fe2 hex color

In a RGB color space, hex #312fe2 is composed of 19.2% red, 18.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 79.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 240.7 degrees, a saturation of 75.5% and a lightness of 53.5%. #312fe2 color hex could be obtained by blending #625eff with #0000c5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 18
- B 89
RGB color chart
- C 78
- M 79
- Y 0
- K 11
CMYK color chart

● #312fe2 color description : Bright blue.

The hexadecimal color #312fe2 has RGB values of R:49, G:47, B:226 and CMYK values of C:0.78, M:0.79, Y:0, K:0.11. Its decimal value is 3223522.

Hex triplet	312fe2	`#312fe2`
RGB Decimal	49, 47, 226	`rgb(49,47,226)`
RGB Percent	19.2, 18.4, 88.6	`rgb(19.2%,18.4%,88.6%)`
CMYK	78, 79, 0, 11
HSL	240.7°, 75.5, 53.5	`hsl(240.7,75.5%,53.5%)`
HSV (or HSB)	240.7°, 79.2, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.347, 59.111, -87.986
XYZ	16.008, 8.176, 72.682
xyY	0.165, 0.084, 8.176
CIE-LCH	34.347, 105.999, 303.894
CIE-LUV	34.347, -8.182, -117.004
Hunter-Lab	28.594, 49.893, -130.693
Binary	00110001, 00101111, 11100010

#312fe2
```
#312fe2 rgb(49,47,226)
```
#e0e22f
```
#e0e22f rgb(224,226,47)
```

Complementary Color

#2f87e2
```
#2f87e2 rgb(47,135,226)
```
#312fe2
```
#312fe2 rgb(49,47,226)
```
#8b2fe2
```
#8b2fe2 rgb(139,47,226)
```

Analogous Color

#87e22f
```
#87e22f rgb(135,226,47)
```
#312fe2
```
#312fe2 rgb(49,47,226)
```
#e28b2f
```
#e28b2f rgb(226,139,47)
```

Split Complementary Color

#2fe231
```
#2fe231 rgb(47,226,49)
```
#312fe2
```
#312fe2 rgb(49,47,226)
```
#e2312f
```
#e2312f rgb(226,49,47)
```

Triadic Color

#2fe0e2
```
#2fe0e2 rgb(47,224,226)
```
#312fe2
```
#312fe2 rgb(49,47,226)
```
#e2312f
```
#e2312f rgb(226,49,47)
```
#e0e22f
```
#e0e22f rgb(224,226,47)
```

Tetradic Color

#1a18ac
```
#1a18ac rgb(26,24,172)
```
#1d1bc3
```
#1d1bc3 rgb(29,27,195)
```
#201ed9
```
#201ed9 rgb(32,30,217)
```
#312fe2
```
#312fe2 rgb(49,47,226)
```
#4745e5
```
#4745e5 rgb(71,69,229)
```
#5d5ce8
```
#5d5ce8 rgb(93,92,232)
```
#7372eb
```
#7372eb rgb(115,114,235)
```

Monochromatic Color

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

#2f5ae2
```
#2f5ae2 rgb(47,90,226)
```
#2f4be2
```
#2f4be2 rgb(47,75,226)
```
#2f3ce2
```
#2f3ce2 rgb(47,60,226)
```
#312fe2
```
#312fe2 rgb(49,47,226)
```
#402fe2
```
#402fe2 rgb(64,47,226)
```
#4f2fe2
```
#4f2fe2 rgb(79,47,226)
```
#5e2fe2
```
#5e2fe2 rgb(94,47,226)
```

Similar Colors

Text with hexadecimal color #312fe2

This text has a font color of #312fe2.

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

#312fe2 background color

This paragraph has a background color of #312fe2.

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

#312fe2 border color

This element has a border color of #312fe2.

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

CSS codes

.text {color:#312fe2;}

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

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

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

#020210
```
#020210 rgb(2,2,16)
```
#050521
```
#050521 rgb(5,5,33)
```
#070732
```
#070732 rgb(7,7,50)
```
#0a0943
```
#0a0943 rgb(10,9,67)
```
#0d0c55
```
#0d0c55 rgb(13,12,85)
```
#0f0e66
```
#0f0e66 rgb(15,14,102)
```
#121177
```
#121177 rgb(18,17,119)
```
#141388
```
#141388 rgb(20,19,136)
```
#17159a
```
#17159a rgb(23,21,154)
```
#1918ab
```
#1918ab rgb(25,24,171)
```
#1c1abc
```
#1c1abc rgb(28,26,188)
```
#1f1dcd
```
#1f1dcd rgb(31,29,205)
```
#211fde
```
#211fde rgb(33,31,222)
```

Shade Color Variation

#312fe2
```
#312fe2 rgb(49,47,226)
```
#4240e4
```
#4240e4 rgb(66,64,228)
```
#5351e7
```
#5351e7 rgb(83,81,231)
```
#6463e9
```
#6463e9 rgb(100,99,233)
```
#7574ec
```
#7574ec rgb(117,116,236)
```
#8685ee
```
#8685ee rgb(134,133,238)
```
#9796f0
```
#9796f0 rgb(151,150,240)
```
#a8a8f3
```
#a8a8f3 rgb(168,168,243)
```
#b9b9f5
```
#b9b9f5 rgb(185,185,245)
```
#cacaf8
```
#cacaf8 rgb(202,202,248)
```
#dbdbfa
```
#dbdbfa rgb(219,219,250)
```
#edecfc
```
#edecfc rgb(237,236,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#818190
```
#818190 rgb(129,129,144)
```
#787899
```
#787899 rgb(120,120,153)
```
#6f6fa2
```
#6f6fa2 rgb(111,111,162)
```
#6666ab
```
#6666ab rgb(102,102,171)
```
#5e5db4
```
#5e5db4 rgb(94,93,180)
```
#5553be
```
#5553be rgb(85,83,190)
```
#4c4ac7
```
#4c4ac7 rgb(76,74,199)
```
#4341d0
```
#4341d0 rgb(67,65,208)
```
#3a38d9
```
#3a38d9 rgb(58,56,217)
```
#312fe2
```
#312fe2 rgb(49,47,226)
```
#2826eb
```
#2826eb rgb(40,38,235)
```
#1f1df4
```
#1f1df4 rgb(31,29,244)
```
#1614fd
```
#1614fd rgb(22,20,253)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#1148be Protanomaly 1% of men, 0.01% of women
#114baf Deuteranomaly 6% of men, 0.4% of women
#114f93 Tritanomaly 0.01% of the population

#312fe2 hex color

#312fe2 Color Information

#312fe2 Color Conversion

Color Schemes with #312fe2

Alternatives to #312fe2

#312fe2 Preview

Shades and Tints of #312fe2

Tones of #312fe2

Color Blindness Simulator