#311df5 hex color

In a RGB color space, hex #311df5 is composed of 19.2% red, 11.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 88.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 245.6 degrees, a saturation of 91.5% and a lightness of 53.7%. #311df5 color hex could be obtained by blending #623aff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 11
- B 96
RGB color chart
- C 80
- M 88
- Y 0
- K 4
CMYK color chart

● #311df5 color description : Vivid blue.

The hexadecimal color #311df5 has RGB values of R:49, G:29, B:245 and CMYK values of C:0.8, M:0.88, Y:0, K:0.04. Its decimal value is 3218933.

Hex triplet	311df5	`#311df5`
RGB Decimal	49, 29, 245	`rgb(49,29,245)`
RGB Percent	19.2, 11.4, 96.1	`rgb(19.2%,11.4%,96.1%)`
CMYK	80, 88, 0, 4
HSL	245.6°, 91.5, 53.7	`hsl(245.6,91.5%,53.7%)`
HSV (or HSB)	245.6°, 88.2, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.238, 71.565, -98.964
XYZ	18.184, 8.123, 86.991
xyY	0.16, 0.072, 8.123
CIE-LCH	34.238, 122.129, 305.872
CIE-LUV	34.238, -7.323, -127.307
Hunter-Lab	28.501, 64.01, -161.014
Binary	00110001, 00011101, 11110101

#311df5
```
#311df5 rgb(49,29,245)
```
#e1f51d
```
#e1f51d rgb(225,245,29)
```

Complementary Color

#1d75f5
```
#1d75f5 rgb(29,117,245)
```
#311df5
```
#311df5 rgb(49,29,245)
```
#9d1df5
```
#9d1df5 rgb(157,29,245)
```

Analogous Color

#75f51d
```
#75f51d rgb(117,245,29)
```
#311df5
```
#311df5 rgb(49,29,245)
```
#f59d1d
```
#f59d1d rgb(245,157,29)
```

Split Complementary Color

#1df531
```
#1df531 rgb(29,245,49)
```
#311df5
```
#311df5 rgb(49,29,245)
```
#f5311d
```
#f5311d rgb(245,49,29)
```

Triadic Color

#1de1f5
```
#1de1f5 rgb(29,225,245)
```
#311df5
```
#311df5 rgb(49,29,245)
```
#f5311d
```
#f5311d rgb(245,49,29)
```
#e1f51d
```
#e1f51d rgb(225,245,29)
```

Tetradic Color

#1908bd
```
#1908bd rgb(25,8,189)
```
#1c09d6
```
#1c09d6 rgb(28,9,214)
```
#200bee
```
#200bee rgb(32,11,238)
```
#311df5
```
#311df5 rgb(49,29,245)
```
#4735f6
```
#4735f6 rgb(71,53,246)
```
#5e4ef7
```
#5e4ef7 rgb(94,78,247)
```
#7466f8
```
#7466f8 rgb(116,102,248)
```

Monochromatic Color

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

#1d3ff5
```
#1d3ff5 rgb(29,63,245)
```
#1d2df5
```
#1d2df5 rgb(29,45,245)
```
#1f1df5
```
#1f1df5 rgb(31,29,245)
```
#311df5
```
#311df5 rgb(49,29,245)
```
#431df5
```
#431df5 rgb(67,29,245)
```
#551df5
```
#551df5 rgb(85,29,245)
```
#671df5
```
#671df5 rgb(103,29,245)
```

Similar Colors

Text with hexadecimal color #311df5

This text has a font color of #311df5.

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

#311df5 background color

This paragraph has a background color of #311df5.

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

#311df5 border color

This element has a border color of #311df5.

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

CSS codes

.text {color:#311df5;}

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

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

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

#020112
```
#020112 rgb(2,1,18)
```
#050225
```
#050225 rgb(5,2,37)
```
#070238
```
#070238 rgb(7,2,56)
```
#0a034b
```
#0a034b rgb(10,3,75)
```
#0c045d
```
#0c045d rgb(12,4,93)
```
#0f0570
```
#0f0570 rgb(15,5,112)
```
#110683
```
#110683 rgb(17,6,131)
```
#140796
```
#140796 rgb(20,7,150)
```
#1607a8
```
#1607a8 rgb(22,7,168)
```
#1908bb
```
#1908bb rgb(25,8,187)
```
#1b09ce
```
#1b09ce rgb(27,9,206)
```
#1e0ae1
```
#1e0ae1 rgb(30,10,225)
```
#200bf4
```
#200bf4 rgb(32,11,244)
```

Shade Color Variation

#311df5
```
#311df5 rgb(49,29,245)
```
#4230f6
```
#4230f6 rgb(66,48,246)
```
#5343f7
```
#5343f7 rgb(83,67,247)
```
#6455f7
```
#6455f7 rgb(100,85,247)
```
#7568f8
```
#7568f8 rgb(117,104,248)
```
#877bf9
```
#877bf9 rgb(135,123,249)
```
#988efa
```
#988efa rgb(152,142,250)
```
#a9a0fb
```
#a9a0fb rgb(169,160,251)
```
#bab3fc
```
#bab3fc rgb(186,179,252)
```
#cbc6fc
```
#cbc6fc rgb(203,198,252)
```
#dcd9fd
```
#dcd9fd rgb(220,217,253)
```
#edecfe
```
#edecfe rgb(237,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#828191
```
#828191 rgb(130,129,145)
```
#7b789a
```
#7b789a rgb(123,120,154)
```
#746fa3
```
#746fa3 rgb(116,111,163)
```
#6c66ac
```
#6c66ac rgb(108,102,172)
```
#655db5
```
#655db5 rgb(101,93,181)
```
#5d53bf
```
#5d53bf rgb(93,83,191)
```
#564ac8
```
#564ac8 rgb(86,74,200)
```
#4f41d1
```
#4f41d1 rgb(79,65,209)
```
#4738da
```
#4738da rgb(71,56,218)
```
#402fe3
```
#402fe3 rgb(64,47,227)
```
#3826ec
```
#3826ec rgb(56,38,236)
```
#311df5
```
#311df5 rgb(49,29,245)
```
#2a14fe
```
#2a14fe rgb(42,20,254)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#1142c4 Protanomaly 1% of men, 0.01% of women
#1145b5 Deuteranomaly 6% of men, 0.4% of women
#11499a Tritanomaly 0.01% of the population

#311df5 hex color

#311df5 Color Information

#311df5 Color Conversion

Color Schemes with #311df5

Alternatives to #311df5

#311df5 Preview

Shades and Tints of #311df5

Tones of #311df5

Color Blindness Simulator