#311efe hex color

In a RGB color space, hex #311efe is composed of 19.2% red, 11.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 88.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 245.1 degrees, a saturation of 99.1% and a lightness of 55.7%. #311efe color hex could be obtained by blending #623cff with #0000fd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 12
- B 100
RGB color chart
- C 81
- M 88
- Y 0
- K 0
CMYK color chart

● #311efe color description : Vivid blue.

The hexadecimal color #311efe has RGB values of R:49, G:30, B:254 and CMYK values of C:0.81, M:0.88, Y:0, K:0. Its decimal value is 3219198.

Hex triplet	311efe	`#311efe`
RGB Decimal	49, 30, 254	`rgb(49,30,254)`
RGB Percent	19.2, 11.8, 99.6	`rgb(19.2%,11.8%,99.6%)`
CMYK	81, 88, 0, 0
HSL	245.1°, 99.1, 55.7	`hsl(245.1,99.1%,55.7%)`
HSV (or HSB)	245.1°, 88.2, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.471, 73.626, -101.973
XYZ	19.617, 8.736, 94.413
xyY	0.16, 0.071, 8.736
CIE-LCH	35.471, 125.775, 305.83
CIE-LUV	35.471, -7.837, -132.403
Hunter-Lab	29.557, 66.746, -168.7
Binary	00110001, 00011110, 11111110

#311efe
```
#311efe rgb(49,30,254)
```
#ebfe1e
```
#ebfe1e rgb(235,254,30)
```

Complementary Color

#1e7bfe
```
#1e7bfe rgb(30,123,254)
```
#311efe
```
#311efe rgb(49,30,254)
```
#a11efe
```
#a11efe rgb(161,30,254)
```

Analogous Color

#7bfe1e
```
#7bfe1e rgb(123,254,30)
```
#311efe
```
#311efe rgb(49,30,254)
```
#fea11e
```
#fea11e rgb(254,161,30)
```

Split Complementary Color

#1efe31
```
#1efe31 rgb(30,254,49)
```
#311efe
```
#311efe rgb(49,30,254)
```
#fe311e
```
#fe311e rgb(254,49,30)
```

Triadic Color

#1eebfe
```
#1eebfe rgb(30,235,254)
```
#311efe
```
#311efe rgb(49,30,254)
```
#fe311e
```
#fe311e rgb(254,49,30)
```
#ebfe1e
```
#ebfe1e rgb(235,254,30)
```

Tetradic Color

#1201cf
```
#1201cf rgb(18,1,207)
```
#1501e8
```
#1501e8 rgb(21,1,232)
```
#1a05fe
```
#1a05fe rgb(26,5,254)
```
#311efe
```
#311efe rgb(49,30,254)
```
#4837fe
```
#4837fe rgb(72,55,254)
```
#5f51fe
```
#5f51fe rgb(95,81,254)
```
#776afe
```
#776afe rgb(119,106,254)
```

Monochromatic Color

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

#1e43fe
```
#1e43fe rgb(30,67,254)
```
#1e30fe
```
#1e30fe rgb(30,48,254)
```
#1e1efe
```
#1e1efe rgb(30,30,254)
```
#311efe
```
#311efe rgb(49,30,254)
```
#441efe
```
#441efe rgb(68,30,254)
```
#561efe
```
#561efe rgb(86,30,254)
```
#691efe
```
#691efe rgb(105,30,254)
```

Similar Colors

Text with hexadecimal color #311efe

This text has a font color of #311efe.

<span style="color:#311efe;">Text here</span>

#311efe background color

This paragraph has a background color of #311efe.

<p style="background-color:#311efe;">Content here</p>

#311efe border color

This element has a border color of #311efe.

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

CSS codes

.text {color:#311efe;}

.background {background-color:#311efe;}

.border {border:1px solid #311efe;}

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

#010009
```
#010009 rgb(1,0,9)
```
#03001d
```
#03001d rgb(3,0,29)
```
#040030
```
#040030 rgb(4,0,48)
```
#060044
```
#060044 rgb(6,0,68)
```
#080057
```
#080057 rgb(8,0,87)
```
#0a006b
```
#0a006b rgb(10,0,107)
```
#0b017f
```
#0b017f rgb(11,1,127)
```
#0d0192
```
#0d0192 rgb(13,1,146)
```
#0f01a6
```
#0f01a6 rgb(15,1,166)
```
#1001b9
```
#1001b9 rgb(16,1,185)
```
#1201cd
```
#1201cd rgb(18,1,205)
```
#1401e0
```
#1401e0 rgb(20,1,224)
```
#1601f4
```
#1601f4 rgb(22,1,244)
```

Shade Color Variation

#1f0afe
```
#1f0afe rgb(31,10,254)
```
#311efe
```
#311efe rgb(49,30,254)
```
#4332fe
```
#4332fe rgb(67,50,254)
```
#5545fe
```
#5545fe rgb(85,69,254)
```
#6759fe
```
#6759fe rgb(103,89,254)
```
#796cfe
```
#796cfe rgb(121,108,254)
```
#8a80fe
```
#8a80fe rgb(138,128,254)
```
#9c93ff
```
#9c93ff rgb(156,147,255)
```
#aea7ff
```
#aea7ff rgb(174,167,255)
```
#c0baff
```
#c0baff rgb(192,186,255)
```
#d2ceff
```
#d2ceff rgb(210,206,255)
```
#e4e1ff
```
#e4e1ff rgb(228,225,255)
```
#f6f5ff
```
#f6f5ff rgb(246,245,255)
```

Tint Color Variation

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

#888696
```
#888696 rgb(136,134,150)
```
#807e9e
```
#807e9e rgb(128,126,158)
```
#7975a7
```
#7975a7 rgb(121,117,167)
```
#726cb0
```
#726cb0 rgb(114,108,176)
```
#6b64b8
```
#6b64b8 rgb(107,100,184)
```
#645bc1
```
#645bc1 rgb(100,91,193)
```
#5c52ca
```
#5c52ca rgb(92,82,202)
```
#5549d3
```
#5549d3 rgb(85,73,211)
```
#4e41db
```
#4e41db rgb(78,65,219)
```
#4738e4
```
#4738e4 rgb(71,56,228)
```
#3f2fed
```
#3f2fed rgb(63,47,237)
```
#3827f5
```
#3827f5 rgb(56,39,245)
```
#311efe
```
#311efe rgb(49,30,254)
```

Tone Color Variation

Below, you can see how #311efe 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

#3d3d3d Achromatopsia 0.005% of the population
#3b3764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005f96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#1144cb Protanomaly 1% of men, 0.01% of women
#1147bb Deuteranomaly 6% of men, 0.4% of women
#114b9f Tritanomaly 0.01% of the population

#311efe hex color

#311efe Color Information

#311efe Color Conversion

Color Schemes with #311efe

Alternatives to #311efe

#311efe Preview

Shades and Tints of #311efe

Tones of #311efe

Color Blindness Simulator