#311bf7 hex color

In a RGB color space, hex #311bf7 is composed of 19.2% red, 10.6% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 89.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 246 degrees, a saturation of 93.2% and a lightness of 53.7%. #311bf7 color hex could be obtained by blending #6236ff with #0000ef. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 11
- B 97
RGB color chart
- C 80
- M 89
- Y 0
- K 3
CMYK color chart

● #311bf7 color description : Vivid blue.

The hexadecimal color #311bf7 has RGB values of R:49, G:27, B:247 and CMYK values of C:0.8, M:0.89, Y:0, K:0.03. Its decimal value is 3218423.

Hex triplet	311bf7	`#311bf7`
RGB Decimal	49, 27, 247	`rgb(49,27,247)`
RGB Percent	19.2, 10.6, 96.9	`rgb(19.2%,10.6%,96.9%)`
CMYK	80, 89, 0, 3
HSL	246°, 93.2, 53.7	`hsl(246,93.2%,53.7%)`
HSV (or HSB)	246°, 89.1, 96.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.295, 72.682, -99.997
XYZ	18.444, 8.151, 88.592
xyY	0.16, 0.071, 8.151
CIE-LCH	34.295, 123.62, 306.011
CIE-LUV	34.295, -7.287, -128.342
Hunter-Lab	28.55, 65.351, -163.994
Binary	00110001, 00011011, 11110111

#311bf7
```
#311bf7 rgb(49,27,247)
```
#e1f71b
```
#e1f71b rgb(225,247,27)
```

Complementary Color

#1b73f7
```
#1b73f7 rgb(27,115,247)
```
#311bf7
```
#311bf7 rgb(49,27,247)
```
#9f1bf7
```
#9f1bf7 rgb(159,27,247)
```

Analogous Color

#73f71b
```
#73f71b rgb(115,247,27)
```
#311bf7
```
#311bf7 rgb(49,27,247)
```
#f79f1b
```
#f79f1b rgb(247,159,27)
```

Split Complementary Color

#1bf731
```
#1bf731 rgb(27,247,49)
```
#311bf7
```
#311bf7 rgb(49,27,247)
```
#f7311b
```
#f7311b rgb(247,49,27)
```

Triadic Color

#1be1f7
```
#1be1f7 rgb(27,225,247)
```
#311bf7
```
#311bf7 rgb(49,27,247)
```
#f7311b
```
#f7311b rgb(247,49,27)
```
#e1f71b
```
#e1f71b rgb(225,247,27)
```

Tetradic Color

#1907bf
```
#1907bf rgb(25,7,191)
```
#1c08d7
```
#1c08d7 rgb(28,8,215)
```
#2008f0
```
#2008f0 rgb(32,8,240)
```
#311bf7
```
#311bf7 rgb(49,27,247)
```
#4734f8
```
#4734f8 rgb(71,52,248)
```
#5e4cf9
```
#5e4cf9 rgb(94,76,249)
```
#7465fa
```
#7465fa rgb(116,101,250)
```

Monochromatic Color

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

#1b3cf7
```
#1b3cf7 rgb(27,60,247)
```
#1b2af7
```
#1b2af7 rgb(27,42,247)
```
#1f1bf7
```
#1f1bf7 rgb(31,27,247)
```
#311bf7
```
#311bf7 rgb(49,27,247)
```
#431bf7
```
#431bf7 rgb(67,27,247)
```
#561bf7
```
#561bf7 rgb(86,27,247)
```
#681bf7
```
#681bf7 rgb(104,27,247)
```

Similar Colors

Text with hexadecimal color #311bf7

This text has a font color of #311bf7.

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

#311bf7 background color

This paragraph has a background color of #311bf7.

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

#311bf7 border color

This element has a border color of #311bf7.

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

CSS codes

.text {color:#311bf7;}

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

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

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)
```
#050125
```
#050125 rgb(5,1,37)
```
#070238
```
#070238 rgb(7,2,56)
```
#0a034b
```
#0a034b rgb(10,3,75)
```
#0c035e
```
#0c035e rgb(12,3,94)
```
#0f0471
```
#0f0471 rgb(15,4,113)
```
#110584
```
#110584 rgb(17,5,132)
```
#140597
```
#140597 rgb(20,5,151)
```
#1606aa
```
#1606aa rgb(22,6,170)
```
#1907bd
```
#1907bd rgb(25,7,189)
```
#1b07d0
```
#1b07d0 rgb(27,7,208)
```
#1e08e3
```
#1e08e3 rgb(30,8,227)
```
#2009f6
```
#2009f6 rgb(32,9,246)
```

Shade Color Variation

#311bf7
```
#311bf7 rgb(49,27,247)
```
#422ef8
```
#422ef8 rgb(66,46,248)
```
#5341f8
```
#5341f8 rgb(83,65,248)
```
#6454f9
```
#6454f9 rgb(100,84,249)
```
#7567fa
```
#7567fa rgb(117,103,250)
```
#877afa
```
#877afa rgb(135,122,250)
```
#988dfb
```
#988dfb rgb(152,141,251)
```
#a9a0fc
```
#a9a0fc rgb(169,160,252)
```
#bab3fc
```
#bab3fc rgb(186,179,252)
```
#cbc6fd
```
#cbc6fd rgb(203,198,253)
```
#dcd9fe
```
#dcd9fe rgb(220,217,254)
```
#edebfe
```
#edebfe rgb(237,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#88888a
```
#88888a rgb(136,136,138)
```
#817f93
```
#817f93 rgb(129,127,147)
```
#7a769c
```
#7a769c rgb(122,118,156)
```
#726da5
```
#726da5 rgb(114,109,165)
```
#6b64ae
```
#6b64ae rgb(107,100,174)
```
#645bb7
```
#645bb7 rgb(100,91,183)
```
#5d51c1
```
#5d51c1 rgb(93,81,193)
```
#5548ca
```
#5548ca rgb(85,72,202)
```
#4e3fd3
```
#4e3fd3 rgb(78,63,211)
```
#4736dc
```
#4736dc rgb(71,54,220)
```
#402de5
```
#402de5 rgb(64,45,229)
```
#3824ee
```
#3824ee rgb(56,36,238)
```
#311bf7
```
#311bf7 rgb(49,27,247)
```

Tone Color Variation

Below, you can see how #311bf7 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
#393561 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1141c5 Protanomaly 1% of men, 0.01% of women
#1144b6 Deuteranomaly 6% of men, 0.4% of women
#11489b Tritanomaly 0.01% of the population

#311bf7 hex color

#311bf7 Color Information

#311bf7 Color Conversion

Color Schemes with #311bf7

Alternatives to #311bf7

#311bf7 Preview

Shades and Tints of #311bf7

Tones of #311bf7

Color Blindness Simulator