colorhexa.com

#311afe hex color

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

- R 19
- G 10
- B 100
RGB color chart
- C 81
- M 90
- Y 0
- K 0
CMYK color chart

● #311afe color description : Vivid blue.

The hexadecimal color #311afe has RGB values of R:49, G:26, B:254 and CMYK values of C:0.81, M:0.9, Y:0, K:0. Its decimal value is 3218174.

Hex triplet	311afe	`#311afe`
RGB Decimal	49, 26, 254	`rgb(49,26,254)`
RGB Percent	19.2, 10.2, 99.6	`rgb(19.2%,10.2%,99.6%)`
CMYK	81, 90, 0, 0
HSL	246.1°, 99.1, 54.9	`hsl(246.1,99.1%,54.9%)`
HSV (or HSB)	246.1°, 89.8, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.095, 74.767, -102.599
XYZ	19.522, 8.546, 94.381
xyY	0.159, 0.07, 8.546
CIE-LCH	35.095, 126.951, 306.082
CIE-LUV	35.095, -7.575, -132.227
Hunter-Lab	29.234, 68.04, -170.953
Binary	00110001, 00011010, 11111110

#311afe
```
#311afe rgb(49,26,254)
```
#e7fe1a
```
#e7fe1a rgb(231,254,26)
```

Complementary Color

#1a75fe
```
#1a75fe rgb(26,117,254)
```
#311afe
```
#311afe rgb(49,26,254)
```
#a31afe
```
#a31afe rgb(163,26,254)
```

Analogous Color

#75fe1a
```
#75fe1a rgb(117,254,26)
```
#311afe
```
#311afe rgb(49,26,254)
```
#fea31a
```
#fea31a rgb(254,163,26)
```

Split Complementary Color

#1afe31
```
#1afe31 rgb(26,254,49)
```
#311afe
```
#311afe rgb(49,26,254)
```
#fe311a
```
#fe311a rgb(254,49,26)
```

Triadic Color

#1ae7fe
```
#1ae7fe rgb(26,231,254)
```
#311afe
```
#311afe rgb(49,26,254)
```
#fe311a
```
#fe311a rgb(254,49,26)
```
#e7fe1a
```
#e7fe1a rgb(231,254,26)
```

Tetradic Color

#1501cb
```
#1501cb rgb(21,1,203)
```
#1801e4
```
#1801e4 rgb(24,1,228)
```
#1b01fd
```
#1b01fd rgb(27,1,253)
```
#311afe
```
#311afe rgb(49,26,254)
```
#4833fe
```
#4833fe rgb(72,51,254)
```
#5f4dfe
```
#5f4dfe rgb(95,77,254)
```
#7666fe
```
#7666fe rgb(118,102,254)
```

Monochromatic Color

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

#1a3cfe
```
#1a3cfe rgb(26,60,254)
```
#1a29fe
```
#1a29fe rgb(26,41,254)
```
#1e1afe
```
#1e1afe rgb(30,26,254)
```
#311afe
```
#311afe rgb(49,26,254)
```
#441afe
```
#441afe rgb(68,26,254)
```
#571afe
```
#571afe rgb(87,26,254)
```
#6a1afe
```
#6a1afe rgb(106,26,254)
```

Similar Colors

Text with hexadecimal color #311afe

This text has a font color of #311afe.

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

#311afe background color

This paragraph has a background color of #311afe.

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

#311afe border color

This element has a border color of #311afe.

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

CSS codes

.text {color:#311afe;}

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

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

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 #f2f1ff is the lightest one.

#010005
```
#010005 rgb(1,0,5)
```
#030019
```
#030019 rgb(3,0,25)
```
#05002c
```
#05002c rgb(5,0,44)
```
#070040
```
#070040 rgb(7,0,64)
```
#090053
```
#090053 rgb(9,0,83)
```
#0b0067
```
#0b0067 rgb(11,0,103)
```
#0d017b
```
#0d017b rgb(13,1,123)
```
#0f018e
```
#0f018e rgb(15,1,142)
```
#1101a2
```
#1101a2 rgb(17,1,162)
```
#1301b5
```
#1301b5 rgb(19,1,181)
```
#1501c9
```
#1501c9 rgb(21,1,201)
```
#1701dc
```
#1701dc rgb(23,1,220)
```
#1901f0
```
#1901f0 rgb(25,1,240)
```

Shade Color Variation

#1f06fe
```
#1f06fe rgb(31,6,254)
```
#311afe
```
#311afe rgb(49,26,254)
```
#432efe
```
#432efe rgb(67,46,254)
```
#5441fe
```
#5441fe rgb(84,65,254)
```
#6655fe
```
#6655fe rgb(102,85,254)
```
#7768fe
```
#7768fe rgb(119,104,254)
```
#897cfe
```
#897cfe rgb(137,124,254)
```
#9a8fff
```
#9a8fff rgb(154,143,255)
```
#aca3ff
```
#aca3ff rgb(172,163,255)
```
#beb6ff
```
#beb6ff rgb(190,182,255)
```
#cfcaff
```
#cfcaff rgb(207,202,255)
```
#e1ddff
```
#e1ddff rgb(225,221,255)
```
#f2f1ff
```
#f2f1ff rgb(242,241,255)
```

Tint Color Variation

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

#868494
```
#868494 rgb(134,132,148)
```
#7f7b9d
```
#7f7b9d rgb(127,123,157)
```
#7872a6
```
#7872a6 rgb(120,114,166)
```
#716aae
```
#716aae rgb(113,106,174)
```
#6961b7
```
#6961b7 rgb(105,97,183)
```
#6258c0
```
#6258c0 rgb(98,88,192)
```
#5b4fc9
```
#5b4fc9 rgb(91,79,201)
```
#5446d2
```
#5446d2 rgb(84,70,210)
```
#4d3ddb
```
#4d3ddb rgb(77,61,219)
```
#4635e3
```
#4635e3 rgb(70,53,227)
```
#3f2cec
```
#3f2cec rgb(63,44,236)
```
#3823f5
```
#3823f5 rgb(56,35,245)
```
#311afe
```
#311afe rgb(49,26,254)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ac Protanopia 1% of men
#005e94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#1142ca Protanomaly 1% of men, 0.01% of women
#1145bb Deuteranomaly 6% of men, 0.4% of women
#11499f Tritanomaly 0.01% of the population