#312efa hex color

In a RGB color space, hex #312efa is composed of 19.2% red, 18% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 81.6% magenta, 0% yellow and 2% black. It has a hue angle of 240.9 degrees, a saturation of 95.3% and a lightness of 58%. #312efa color hex could be obtained by blending #625cff with #0000f5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 18
- B 98
RGB color chart
- C 80
- M 82
- Y 0
- K 2
CMYK color chart

● #312efa color description : Bright blue.

The hexadecimal color #312efa has RGB values of R:49, G:46, B:250 and CMYK values of C:0.8, M:0.82, Y:0, K:0.02. Its decimal value is 3223290.

Hex triplet	312efa	`#312efa`
RGB Decimal	49, 46, 250	`rgb(49,46,250)`
RGB Percent	19.2, 18, 98	`rgb(19.2%,18%,98%)`
CMYK	80, 82, 0, 2
HSL	240.9°, 95.3, 58	`hsl(240.9,95.3%,58%)`
HSV (or HSB)	240.9°, 81.6, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.944, 66.666, -97.276
XYZ	19.496, 9.508, 91.245
xyY	0.162, 0.079, 9.508
CIE-LCH	36.944, 117.928, 304.424
CIE-LUV	36.944, -9.086, -130.637
Hunter-Lab	30.835, 58.898, -153.865
Binary	00110001, 00101110, 11111010

#312efa
```
#312efa rgb(49,46,250)
```
#f7fa2e
```
#f7fa2e rgb(247,250,46)
```

Complementary Color

#2e91fa
```
#2e91fa rgb(46,145,250)
```
#312efa
```
#312efa rgb(49,46,250)
```
#972efa
```
#972efa rgb(151,46,250)
```

Analogous Color

#91fa2e
```
#91fa2e rgb(145,250,46)
```
#312efa
```
#312efa rgb(49,46,250)
```
#fa972e
```
#fa972e rgb(250,151,46)
```

Split Complementary Color

#2efa31
```
#2efa31 rgb(46,250,49)
```
#312efa
```
#312efa rgb(49,46,250)
```
#fa312e
```
#fa312e rgb(250,49,46)
```

Triadic Color

#2ef7fa
```
#2ef7fa rgb(46,247,250)
```
#312efa
```
#312efa rgb(49,46,250)
```
#fa312e
```
#fa312e rgb(250,49,46)
```
#f7fa2e
```
#f7fa2e rgb(247,250,46)
```

Tetradic Color

#0805d6
```
#0805d6 rgb(8,5,214)
```
#0906ef
```
#0906ef rgb(9,6,239)
```
#1815f9
```
#1815f9 rgb(24,21,249)
```
#312efa
```
#312efa rgb(49,46,250)
```
#4a47fb
```
#4a47fb rgb(74,71,251)
```
#6260fb
```
#6260fb rgb(98,96,251)
```
#7b79fc
```
#7b79fc rgb(123,121,252)
```

Monochromatic Color

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

#2e5efa
```
#2e5efa rgb(46,94,250)
```
#2e4dfa
```
#2e4dfa rgb(46,77,250)
```
#2e3cfa
```
#2e3cfa rgb(46,60,250)
```
#312efa
```
#312efa rgb(49,46,250)
```
#422efa
```
#422efa rgb(66,46,250)
```
#532efa
```
#532efa rgb(83,46,250)
```
#642efa
```
#642efa rgb(100,46,250)
```

Similar Colors

Text with hexadecimal color #312efa

This text has a font color of #312efa.

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

#312efa background color

This paragraph has a background color of #312efa.

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

#312efa border color

This element has a border color of #312efa.

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

CSS codes

.text {color:#312efa;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010015
```
#010015 rgb(1,0,21)
```
#020128
```
#020128 rgb(2,1,40)
```
#02013b
```
#02013b rgb(2,1,59)
```
#03024e
```
#03024e rgb(3,2,78)
```
#040262
```
#040262 rgb(4,2,98)
```
#040375
```
#040375 rgb(4,3,117)
```
#050388
```
#050388 rgb(5,3,136)
```
#06049b
```
#06049b rgb(6,4,155)
```
#0704ae
```
#0704ae rgb(7,4,174)
```
#0705c1
```
#0705c1 rgb(7,5,193)
```
#0805d4
```
#0805d4 rgb(8,5,212)
```
#0906e8
```
#0906e8 rgb(9,6,232)
```

Shade Color Variation

#0b08f9
```
#0b08f9 rgb(11,8,249)
```
#1e1bfa
```
#1e1bfa rgb(30,27,250)
```
#312efa
```
#312efa rgb(49,46,250)
```
#4441fa
```
#4441fa rgb(68,65,250)
```
#5754fb
```
#5754fb rgb(87,84,251)
```
#6a67fb
```
#6a67fb rgb(106,103,251)
```
#7d7bfc
```
#7d7bfc rgb(125,123,252)
```
#8f8efc
```
#8f8efc rgb(143,142,252)
```
#a2a1fd
```
#a2a1fd rgb(162,161,253)
```
#b5b4fd
```
#b5b4fd rgb(181,180,253)
```
#c8c7fe
```
#c8c7fe rgb(200,199,254)
```
#dbdafe
```
#dbdafe rgb(219,218,254)
```
#eeeeff
```
#eeeeff rgb(238,238,255)
```

Tint Color Variation

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

#919197
```
#919197 rgb(145,145,151)
```
#89899f
```
#89899f rgb(137,137,159)
```
#8180a8
```
#8180a8 rgb(129,128,168)
```
#7978b0
```
#7978b0 rgb(121,120,176)
```
#7170b8
```
#7170b8 rgb(113,112,184)
```
#6968c0
```
#6968c0 rgb(105,104,192)
```
#615fc9
```
#615fc9 rgb(97,95,201)
```
#5957d1
```
#5957d1 rgb(89,87,209)
```
#514fd9
```
#514fd9 rgb(81,79,217)
```
#4947e1
```
#4947e1 rgb(73,71,225)
```
#413eea
```
#413eea rgb(65,62,234)
```
#3936f2
```
#3936f2 rgb(57,54,242)
```
#312efa
```
#312efa rgb(49,46,250)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#42416a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00696d Tritanopia 0.001% of the population

Trichromacy

#114bcd Protanomaly 1% of men, 0.01% of women
#114fbe Deuteranomaly 6% of men, 0.4% of women
#1153a0 Tritanomaly 0.01% of the population

#312efa hex color

#312efa Color Information

#312efa Color Conversion

Color Schemes with #312efa

Alternatives to #312efa

#312efa Preview

Shades and Tints of #312efa

Tones of #312efa

Color Blindness Simulator