#312aee hex color

In a RGB color space, hex #312aee is composed of 19.2% red, 16.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 82.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 242.1 degrees, a saturation of 85.2% and a lightness of 54.9%. #312aee color hex could be obtained by blending #6254ff with #0000dd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 16
- B 93
RGB color chart
- C 79
- M 82
- Y 0
- K 7
CMYK color chart

● #312aee color description : Bright blue.

The hexadecimal color #312aee has RGB values of R:49, G:42, B:238 and CMYK values of C:0.79, M:0.82, Y:0, K:0.07. Its decimal value is 3222254.

Hex triplet	312aee	`#312aee`
RGB Decimal	49, 42, 238	`rgb(49,42,238)`
RGB Percent	19.2, 16.5, 93.3	`rgb(19.2%,16.5%,93.3%)`
CMYK	79, 82, 0, 7
HSL	242.1°, 85.2, 54.9	`hsl(242.1,85.2%,54.9%)`
HSV (or HSB)	242.1°, 82.4, 93.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.965, 64.903, -93.794
XYZ	17.524, 8.481, 81.598
xyY	0.163, 0.079, 8.481
CIE-LCH	34.965, 114.06, 304.682
CIE-LUV	34.965, -8.131, -123.812
Hunter-Lab	29.122, 56.45, -145.742
Binary	00110001, 00101010, 11101110

#312aee
```
#312aee rgb(49,42,238)
```
#e7ee2a
```
#e7ee2a rgb(231,238,42)
```

Complementary Color

#2a85ee
```
#2a85ee rgb(42,133,238)
```
#312aee
```
#312aee rgb(49,42,238)
```
#932aee
```
#932aee rgb(147,42,238)
```

Analogous Color

#85ee2a
```
#85ee2a rgb(133,238,42)
```
#312aee
```
#312aee rgb(49,42,238)
```
#ee932a
```
#ee932a rgb(238,147,42)
```

Split Complementary Color

#2aee31
```
#2aee31 rgb(42,238,49)
```
#312aee
```
#312aee rgb(49,42,238)
```
#ee312a
```
#ee312a rgb(238,49,42)
```

Triadic Color

#2ae7ee
```
#2ae7ee rgb(42,231,238)
```
#312aee
```
#312aee rgb(49,42,238)
```
#ee312a
```
#ee312a rgb(238,49,42)
```
#e7ee2a
```
#e7ee2a rgb(231,238,42)
```

Tetradic Color

#150fbc
```
#150fbc rgb(21,15,188)
```
#1811d4
```
#1811d4 rgb(24,17,212)
```
#1b13ec
```
#1b13ec rgb(27,19,236)
```
#312aee
```
#312aee rgb(49,42,238)
```
#4842f0
```
#4842f0 rgb(72,66,240)
```
#5f59f2
```
#5f59f2 rgb(95,89,242)
```
#7671f4
```
#7671f4 rgb(118,113,244)
```

Monochromatic Color

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

#2a54ee
```
#2a54ee rgb(42,84,238)
```
#2a44ee
```
#2a44ee rgb(42,68,238)
```
#2a33ee
```
#2a33ee rgb(42,51,238)
```
#312aee
```
#312aee rgb(49,42,238)
```
#412aee
```
#412aee rgb(65,42,238)
```
#522aee
```
#522aee rgb(82,42,238)
```
#622aee
```
#622aee rgb(98,42,238)
```

Similar Colors

Text with hexadecimal color #312aee

This text has a font color of #312aee.

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

#312aee background color

This paragraph has a background color of #312aee.

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

#312aee border color

This element has a border color of #312aee.

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

CSS codes

.text {color:#312aee;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#030217
```
#030217 rgb(3,2,23)
```
#050329
```
#050329 rgb(5,3,41)
```
#07053b
```
#07053b rgb(7,5,59)
```
#09064e
```
#09064e rgb(9,6,78)
```
#0b0860
```
#0b0860 rgb(11,8,96)
```
#0d0972
```
#0d0972 rgb(13,9,114)
```
#0f0b84
```
#0f0b84 rgb(15,11,132)
```
#110c96
```
#110c96 rgb(17,12,150)
```
#130da8
```
#130da8 rgb(19,13,168)
```
#150fbb
```
#150fbb rgb(21,15,187)
```
#1710cd
```
#1710cd rgb(23,16,205)
```
#1912df
```
#1912df rgb(25,18,223)
```

Shade Color Variation

#1f18ed
```
#1f18ed rgb(31,24,237)
```
#312aee
```
#312aee rgb(49,42,238)
```
#433cef
```
#433cef rgb(67,60,239)
```
#544ef1
```
#544ef1 rgb(84,78,241)
```
#6660f2
```
#6660f2 rgb(102,96,242)
```
#7773f4
```
#7773f4 rgb(119,115,244)
```
#8985f5
```
#8985f5 rgb(137,133,245)
```
#9a97f7
```
#9a97f7 rgb(154,151,247)
```
#aca9f8
```
#aca9f8 rgb(172,169,248)
```
#bebbfa
```
#bebbfa rgb(190,187,250)
```
#cfcdfb
```
#cfcdfb rgb(207,205,251)
```
#e1e0fc
```
#e1e0fc rgb(225,224,252)
```
#f2f2fe
```
#f2f2fe rgb(242,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b8d is the less saturated color, while #2921f7 is the most saturated one.

#8b8b8d
```
#8b8b8d rgb(139,139,141)
```
#838296
```
#838296 rgb(131,130,150)
```
#7b7a9e
```
#7b7a9e rgb(123,122,158)
```
#7371a7
```
#7371a7 rgb(115,113,167)
```
#6b68b0
```
#6b68b0 rgb(107,104,176)
```
#625fb9
```
#625fb9 rgb(98,95,185)
```
#5a56c2
```
#5a56c2 rgb(90,86,194)
```
#524dcb
```
#524dcb rgb(82,77,203)
```
#4a45d3
```
#4a45d3 rgb(74,69,211)
```
#413cdc
```
#413cdc rgb(65,60,220)
```
#3933e5
```
#3933e5 rgb(57,51,229)
```
#312aee
```
#312aee rgb(49,42,238)
```
#2921f7
```
#2921f7 rgb(41,33,247)
```

Tone Color Variation

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

Dichromacy

#0058ac Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#1147c4 Protanomaly 1% of men, 0.01% of women
#114bb5 Deuteranomaly 6% of men, 0.4% of women
#114f99 Tritanomaly 0.01% of the population

#312aee hex color

#312aee Color Information

#312aee Color Conversion

Color Schemes with #312aee

Alternatives to #312aee

#312aee Preview

Shades and Tints of #312aee

Tones of #312aee

Color Blindness Simulator