#312be6 hex color

In a RGB color space, hex #312be6 is composed of 19.2% red, 16.9% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 81.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 241.9 degrees, a saturation of 78.9% and a lightness of 53.5%. #312be6 color hex could be obtained by blending #6256ff with #0000cd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 17
- B 90
RGB color chart
- C 79
- M 81
- Y 0
- K 10
CMYK color chart

● #312be6 color description : Bright blue.

The hexadecimal color #312be6 has RGB values of R:49, G:43, B:230 and CMYK values of C:0.79, M:0.81, Y:0, K:0.1. Its decimal value is 3222502.

Hex triplet	312be6	`#312be6`
RGB Decimal	49, 43, 230	`rgb(49,43,230)`
RGB Percent	19.2, 16.9, 90.2	`rgb(19.2%,16.9%,90.2%)`
CMYK	79, 81, 0, 10
HSL	241.9°, 78.9, 53.5	`hsl(241.9,78.9%,53.5%)`
HSV (or HSB)	241.9°, 81.3, 90.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.175, 62.145, -90.555
XYZ	16.411, 8.093, 75.556
xyY	0.164, 0.081, 8.093
CIE-LCH	34.175, 109.829, 304.461
CIE-LUV	34.175, -7.88, -119.288
Hunter-Lab	28.448, 53.187, -137.557
Binary	00110001, 00101011, 11100110

#312be6
```
#312be6 rgb(49,43,230)
```
#e0e62b
```
#e0e62b rgb(224,230,43)
```

Complementary Color

#2b83e6
```
#2b83e6 rgb(43,131,230)
```
#312be6
```
#312be6 rgb(49,43,230)
```
#8f2be6
```
#8f2be6 rgb(143,43,230)
```

Analogous Color

#83e62b
```
#83e62b rgb(131,230,43)
```
#312be6
```
#312be6 rgb(49,43,230)
```
#e68f2b
```
#e68f2b rgb(230,143,43)
```

Split Complementary Color

#2be631
```
#2be631 rgb(43,230,49)
```
#312be6
```
#312be6 rgb(49,43,230)
```
#e6312b
```
#e6312b rgb(230,49,43)
```

Triadic Color

#2be0e6
```
#2be0e6 rgb(43,224,230)
```
#312be6
```
#312be6 rgb(49,43,230)
```
#e6312b
```
#e6312b rgb(230,49,43)
```
#e0e62b
```
#e0e62b rgb(224,230,43)
```

Tetradic Color

#1a15b0
```
#1a15b0 rgb(26,21,176)
```
#1d17c7
```
#1d17c7 rgb(29,23,199)
```
#201add
```
#201add rgb(32,26,221)
```
#312be6
```
#312be6 rgb(49,43,230)
```
#4742e9
```
#4742e9 rgb(71,66,233)
```
#5d59eb
```
#5d59eb rgb(93,89,235)
```
#736fee
```
#736fee rgb(115,111,238)
```

Monochromatic Color

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

#2b54e6
```
#2b54e6 rgb(43,84,230)
```
#2b44e6
```
#2b44e6 rgb(43,68,230)
```
#2b35e6
```
#2b35e6 rgb(43,53,230)
```
#312be6
```
#312be6 rgb(49,43,230)
```
#412be6
```
#412be6 rgb(65,43,230)
```
#502be6
```
#502be6 rgb(80,43,230)
```
#602be6
```
#602be6 rgb(96,43,230)
```

Similar Colors

Text with hexadecimal color #312be6

This text has a font color of #312be6.

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

#312be6 background color

This paragraph has a background color of #312be6.

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

#312be6 border color

This element has a border color of #312be6.

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

CSS codes

.text {color:#312be6;}

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

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

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)
```
#050422
```
#050422 rgb(5,4,34)
```
#070633
```
#070633 rgb(7,6,51)
```
#0a0845
```
#0a0845 rgb(10,8,69)
```
#0d0a56
```
#0d0a56 rgb(13,10,86)
```
#0f0c68
```
#0f0c68 rgb(15,12,104)
```
#120e79
```
#120e79 rgb(18,14,121)
```
#14108b
```
#14108b rgb(20,16,139)
```
#17129c
```
#17129c rgb(23,18,156)
```
#1915ae
```
#1915ae rgb(25,21,174)
```
#1c17c0
```
#1c17c0 rgb(28,23,192)
```
#1f19d1
```
#1f19d1 rgb(31,25,209)
```
#211be3
```
#211be3 rgb(33,27,227)
```

Shade Color Variation

#312be6
```
#312be6 rgb(49,43,230)
```
#423de8
```
#423de8 rgb(66,61,232)
```
#534eea
```
#534eea rgb(83,78,234)
```
#6460ec
```
#6460ec rgb(100,96,236)
```
#7571ee
```
#7571ee rgb(117,113,238)
```
#8683f0
```
#8683f0 rgb(134,131,240)
```
#9794f2
```
#9794f2 rgb(151,148,242)
```
#a8a6f4
```
#a8a6f4 rgb(168,166,244)
```
#b9b7f7
```
#b9b7f7 rgb(185,183,247)
```
#cac9f9
```
#cac9f9 rgb(202,201,249)
```
#dbdafb
```
#dbdafb rgb(219,218,251)
```
#edecfd
```
#edecfd rgb(237,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86868b is the less saturated color, while #2019f8 is the most saturated one.

#86868b
```
#86868b rgb(134,134,139)
```
#7e7d94
```
#7e7d94 rgb(126,125,148)
```
#75749d
```
#75749d rgb(117,116,157)
```
#6d6ba6
```
#6d6ba6 rgb(109,107,166)
```
#6462af
```
#6462af rgb(100,98,175)
```
#5c59b8
```
#5c59b8 rgb(92,89,184)
```
#534fc2
```
#534fc2 rgb(83,79,194)
```
#4b46cb
```
#4b46cb rgb(75,70,203)
```
#423dd4
```
#423dd4 rgb(66,61,212)
```
#3a34dd
```
#3a34dd rgb(58,52,221)
```
#312be6
```
#312be6 rgb(49,43,230)
```
#2822ef
```
#2822ef rgb(40,34,239)
```
#2019f8
```
#2019f8 rgb(32,25,248)
```

Tone Color Variation

Below, you can see how #312be6 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
#3f3d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#1146bf Protanomaly 1% of men, 0.01% of women
#114ab0 Deuteranomaly 6% of men, 0.4% of women
#114e95 Tritanomaly 0.01% of the population

#312be6 hex color

#312be6 Color Information

#312be6 Color Conversion

Color Schemes with #312be6

Alternatives to #312be6

#312be6 Preview

Shades and Tints of #312be6

Tones of #312be6

Color Blindness Simulator