#312aef hex color

In a RGB color space, hex #312aef is composed of 19.2% red, 16.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 82.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 242.1 degrees, a saturation of 86% and a lightness of 55.1%. #312aef color hex could be obtained by blending #6254ff with #0000df. Closest websafe color is: #3333ff.

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

● #312aef color description : Bright blue.

The hexadecimal color #312aef has RGB values of R:49, G:42, B:239 and CMYK values of C:0.79, M:0.82, Y:0, K:0.06. Its decimal value is 3222255.

Hex triplet	312aef	`#312aef`
RGB Decimal	49, 42, 239	`rgb(49,42,239)`
RGB Percent	19.2, 16.5, 93.7	`rgb(19.2%,16.5%,93.7%)`
CMYK	79, 82, 0, 6
HSL	242.1°, 86, 55.1	`hsl(242.1,86%,55.1%)`
HSV (or HSB)	242.1°, 82.4, 93.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.083, 65.191, -94.165
XYZ	17.671, 8.54, 82.374
xyY	0.163, 0.079, 8.54
CIE-LCH	35.083, 114.529, 304.695
CIE-LUV	35.083, -8.176, -124.378
Hunter-Lab	29.223, 56.802, -146.671
Binary	00110001, 00101010, 11101111

#312aef
```
#312aef rgb(49,42,239)
```
#e8ef2a
```
#e8ef2a rgb(232,239,42)
```

Complementary Color

#2a86ef
```
#2a86ef rgb(42,134,239)
```
#312aef
```
#312aef rgb(49,42,239)
```
#942aef
```
#942aef rgb(148,42,239)
```

Analogous Color

#86ef2a
```
#86ef2a rgb(134,239,42)
```
#312aef
```
#312aef rgb(49,42,239)
```
#ef942a
```
#ef942a rgb(239,148,42)
```

Split Complementary Color

#2aef31
```
#2aef31 rgb(42,239,49)
```
#312aef
```
#312aef rgb(49,42,239)
```
#ef312a
```
#ef312a rgb(239,49,42)
```

Triadic Color

#2ae8ef
```
#2ae8ef rgb(42,232,239)
```
#312aef
```
#312aef rgb(49,42,239)
```
#ef312a
```
#ef312a rgb(239,49,42)
```
#e8ef2a
```
#e8ef2a rgb(232,239,42)
```

Tetradic Color

#150ebe
```
#150ebe rgb(21,14,190)
```
#1710d6
```
#1710d6 rgb(23,16,214)
```
#1a12ed
```
#1a12ed rgb(26,18,237)
```
#312aef
```
#312aef rgb(49,42,239)
```
#4842f1
```
#4842f1 rgb(72,66,241)
```
#5f59f3
```
#5f59f3 rgb(95,89,243)
```
#7671f4
```
#7671f4 rgb(118,113,244)
```

Monochromatic Color

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

#2a54ef
```
#2a54ef rgb(42,84,239)
```
#2a44ef
```
#2a44ef rgb(42,68,239)
```
#2a33ef
```
#2a33ef rgb(42,51,239)
```
#312aef
```
#312aef rgb(49,42,239)
```
#412aef
```
#412aef rgb(65,42,239)
```
#522aef
```
#522aef rgb(82,42,239)
```
#622aef
```
#622aef rgb(98,42,239)
```

Similar Colors

Text with hexadecimal color #312aef

This text has a font color of #312aef.

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

#312aef background color

This paragraph has a background color of #312aef.

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

#312aef border color

This element has a border color of #312aef.

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

CSS codes

.text {color:#312aef;}

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

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

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

#010006
```
#010006 rgb(1,0,6)
```
#030218
```
#030218 rgb(3,2,24)
```
#05032a
```
#05032a rgb(5,3,42)
```
#07053d
```
#07053d rgb(7,5,61)
```
#09064f
```
#09064f rgb(9,6,79)
```
#0a0761
```
#0a0761 rgb(10,7,97)
```
#0c0973
```
#0c0973 rgb(12,9,115)
```
#0e0a86
```
#0e0a86 rgb(14,10,134)
```
#100b98
```
#100b98 rgb(16,11,152)
```
#120daa
```
#120daa rgb(18,13,170)
```
#140ebc
```
#140ebc rgb(20,14,188)
```
#1610cf
```
#1610cf rgb(22,16,207)
```
#1811e1
```
#1811e1 rgb(24,17,225)
```

Shade Color Variation

#1f18ee
```
#1f18ee rgb(31,24,238)
```
#312aef
```
#312aef rgb(49,42,239)
```
#433cf0
```
#433cf0 rgb(67,60,240)
```
#544ef2
```
#544ef2 rgb(84,78,242)
```
#6661f3
```
#6661f3 rgb(102,97,243)
```
#7873f4
```
#7873f4 rgb(120,115,244)
```
#8985f6
```
#8985f6 rgb(137,133,246)
```
#9b97f7
```
#9b97f7 rgb(155,151,247)
```
#adaaf9
```
#adaaf9 rgb(173,170,249)
```
#bebcfa
```
#bebcfa rgb(190,188,250)
```
#d0cefb
```
#d0cefb rgb(208,206,251)
```
#e1e0fd
```
#e1e0fd rgb(225,224,253)
```
#f3f3fe
```
#f3f3fe rgb(243,243,254)
```

Tint Color Variation

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

#8b8b8e
```
#8b8b8e rgb(139,139,142)
```
#838297
```
#838297 rgb(131,130,151)
```
#7b79a0
```
#7b79a0 rgb(123,121,160)
```
#7270a9
```
#7270a9 rgb(114,112,169)
```
#6a68b1
```
#6a68b1 rgb(106,104,177)
```
#625fba
```
#625fba rgb(98,95,186)
```
#5a56c3
```
#5a56c3 rgb(90,86,195)
```
#524dcc
```
#524dcc rgb(82,77,204)
```
#4a44d5
```
#4a44d5 rgb(74,68,213)
```
#413cdd
```
#413cdd rgb(65,60,221)
```
#3933e6
```
#3933e6 rgb(57,51,230)
```
#312aef
```
#312aef rgb(49,42,239)
```
#2921f8
```
#2921f8 rgb(41,33,248)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f3e65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006469 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

#312aef hex color

#312aef Color Information

#312aef Color Conversion

Color Schemes with #312aef

Alternatives to #312aef

#312aef Preview

Shades and Tints of #312aef

Tones of #312aef

Color Blindness Simulator