#311ffb hex color

In a RGB color space, hex #311ffb is composed of 19.2% red, 12.2% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 87.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 244.9 degrees, a saturation of 96.5% and a lightness of 55.3%. #311ffb color hex could be obtained by blending #623eff with #0000f7. Closest websafe color is: #3333ff.

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

● #311ffb color description : Vivid blue.

The hexadecimal color #311ffb has RGB values of R:49, G:31, B:251 and CMYK values of C:0.8, M:0.88, Y:0, K:0.02. Its decimal value is 3219451.

Hex triplet	311ffb	`#311ffb`
RGB Decimal	49, 31, 251	`rgb(49,31,251)`
RGB Percent	19.2, 12.2, 98.4	`rgb(19.2%,12.2%,98.4%)`
CMYK	80, 88, 0, 2
HSL	244.9°, 96.5, 55.3	`hsl(244.9,96.5%,55.3%)`
HSV (or HSB)	244.9°, 87.6, 98.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.196, 72.529, -100.747
XYZ	19.166, 8.597, 91.911
xyY	0.16, 0.072, 8.597
CIE-LCH	35.196, 124.139, 305.751
CIE-LUV	35.196, -7.763, -130.764
Hunter-Lab	29.32, 65.37, -165.334
Binary	00110001, 00011111, 11111011

#311ffb
```
#311ffb rgb(49,31,251)
```
#e9fb1f
```
#e9fb1f rgb(233,251,31)
```

Complementary Color

#1f7bfb
```
#1f7bfb rgb(31,123,251)
```
#311ffb
```
#311ffb rgb(49,31,251)
```
#9f1ffb
```
#9f1ffb rgb(159,31,251)
```

Analogous Color

#7bfb1f
```
#7bfb1f rgb(123,251,31)
```
#311ffb
```
#311ffb rgb(49,31,251)
```
#fb9f1f
```
#fb9f1f rgb(251,159,31)
```

Split Complementary Color

#1ffb31
```
#1ffb31 rgb(31,251,49)
```
#311ffb
```
#311ffb rgb(49,31,251)
```
#fb311f
```
#fb311f rgb(251,49,31)
```

Triadic Color

#1fe9fb
```
#1fe9fb rgb(31,233,251)
```
#311ffb
```
#311ffb rgb(49,31,251)
```
#fb311f
```
#fb311f rgb(251,49,31)
```
#e9fb1f
```
#e9fb1f rgb(233,251,31)
```

Tetradic Color

#1404ca
```
#1404ca rgb(20,4,202)
```
#1604e3
```
#1604e3 rgb(22,4,227)
```
#1a06fb
```
#1a06fb rgb(26,6,251)
```
#311ffb
```
#311ffb rgb(49,31,251)
```
#4838fb
```
#4838fb rgb(72,56,251)
```
#5f51fc
```
#5f51fc rgb(95,81,252)
```
#766afc
```
#766afc rgb(118,106,252)
```

Monochromatic Color

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

#1f44fb
```
#1f44fb rgb(31,68,251)
```
#1f32fb
```
#1f32fb rgb(31,50,251)
```
#1f1ffb
```
#1f1ffb rgb(31,31,251)
```
#311ffb
```
#311ffb rgb(49,31,251)
```
#431ffb
```
#431ffb rgb(67,31,251)
```
#561ffb
```
#561ffb rgb(86,31,251)
```
#681ffb
```
#681ffb rgb(104,31,251)
```

Similar Colors

Text with hexadecimal color #311ffb

This text has a font color of #311ffb.

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

#311ffb background color

This paragraph has a background color of #311ffb.

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

#311ffb border color

This element has a border color of #311ffb.

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

CSS codes

.text {color:#311ffb;}

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

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

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

#010007
```
#010007 rgb(1,0,7)
```
#03001b
```
#03001b rgb(3,0,27)
```
#04012e
```
#04012e rgb(4,1,46)
```
#060141
```
#060141 rgb(6,1,65)
```
#080254
```
#080254 rgb(8,2,84)
```
#0a0268
```
#0a0268 rgb(10,2,104)
```
#0c027b
```
#0c027b rgb(12,2,123)
```
#0e038e
```
#0e038e rgb(14,3,142)
```
#1003a1
```
#1003a1 rgb(16,3,161)
```
#1203b5
```
#1203b5 rgb(18,3,181)
```
#1404c8
```
#1404c8 rgb(20,4,200)
```
#1604db
```
#1604db rgb(22,4,219)
```
#1704ef
```
#1704ef rgb(23,4,239)
```

Shade Color Variation

#1f0cfb
```
#1f0cfb rgb(31,12,251)
```
#311ffb
```
#311ffb rgb(49,31,251)
```
#4332fb
```
#4332fb rgb(67,50,251)
```
#5446fc
```
#5446fc rgb(84,70,252)
```
#6659fc
```
#6659fc rgb(102,89,252)
```
#786cfc
```
#786cfc rgb(120,108,252)
```
#8a7ffd
```
#8a7ffd rgb(138,127,253)
```
#9b93fd
```
#9b93fd rgb(155,147,253)
```
#ada6fd
```
#ada6fd rgb(173,166,253)
```
#bfb9fe
```
#bfb9fe rgb(191,185,254)
```
#d1ccfe
```
#d1ccfe rgb(209,204,254)
```
#e2e0fe
```
#e2e0fe rgb(226,224,254)
```
#f4f3ff
```
#f4f3ff rgb(244,243,255)
```

Tint Color Variation

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

#898892
```
#898892 rgb(137,136,146)
```
#827f9b
```
#827f9b rgb(130,127,155)
```
#7a77a3
```
#7a77a3 rgb(122,119,163)
```
#736eac
```
#736eac rgb(115,110,172)
```
#6c65b5
```
#6c65b5 rgb(108,101,181)
```
#645cbe
```
#645cbe rgb(100,92,190)
```
#5d54c6
```
#5d54c6 rgb(93,84,198)
```
#564bcf
```
#564bcf rgb(86,75,207)
```
#4e42d8
```
#4e42d8 rgb(78,66,216)
```
#4739e1
```
#4739e1 rgb(71,57,225)
```
#4031e9
```
#4031e9 rgb(64,49,233)
```
#3828f2
```
#3828f2 rgb(56,40,242)
```
#311ffb
```
#311ffb rgb(49,31,251)
```

Tone Color Variation

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

Dichromacy

#0059ac Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#1144c9 Protanomaly 1% of men, 0.01% of women
#1147ba Deuteranomaly 6% of men, 0.4% of women
#114b9e Tritanomaly 0.01% of the population

#311ffb hex color

#311ffb Color Information

#311ffb Color Conversion

Color Schemes with #311ffb

Alternatives to #311ffb

#311ffb Preview

Shades and Tints of #311ffb

Tones of #311ffb

Color Blindness Simulator