#311cfb hex color

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

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

● #311cfb color description : Vivid blue.

The hexadecimal color #311cfb has RGB values of R:49, G:28, B:251 and CMYK values of C:0.8, M:0.89, Y:0, K:0.02. Its decimal value is 3218683.

Hex triplet	311cfb	`#311cfb`
RGB Decimal	49, 28, 251	`rgb(49,28,251)`
RGB Percent	19.2, 11, 98.4	`rgb(19.2%,11%,98.4%)`
CMYK	80, 89, 0, 2
HSL	245.7°, 96.5, 54.7	`hsl(245.7,96.5%,54.7%)`
HSV (or HSB)	245.7°, 88.8, 98.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.897, 73.434, -101.245
XYZ	19.091, 8.447, 91.886
xyY	0.16, 0.071, 8.447
CIE-LCH	34.897, 125.072, 305.954
CIE-LUV	34.897, -7.553, -130.633
Hunter-Lab	29.064, 66.387, -167.099
Binary	00110001, 00011100, 11111011

#311cfb
```
#311cfb rgb(49,28,251)
```
#e6fb1c
```
#e6fb1c rgb(230,251,28)
```

Complementary Color

#1c77fb
```
#1c77fb rgb(28,119,251)
```
#311cfb
```
#311cfb rgb(49,28,251)
```
#a11cfb
```
#a11cfb rgb(161,28,251)
```

Analogous Color

#77fb1c
```
#77fb1c rgb(119,251,28)
```
#311cfb
```
#311cfb rgb(49,28,251)
```
#fba11c
```
#fba11c rgb(251,161,28)
```

Split Complementary Color

#1cfb31
```
#1cfb31 rgb(28,251,49)
```
#311cfb
```
#311cfb rgb(49,28,251)
```
#fb311c
```
#fb311c rgb(251,49,28)
```

Triadic Color

#1ce6fb
```
#1ce6fb rgb(28,230,251)
```
#311cfb
```
#311cfb rgb(49,28,251)
```
#fb311c
```
#fb311c rgb(251,49,28)
```
#e6fb1c
```
#e6fb1c rgb(230,251,28)
```

Tetradic Color

#1604c7
```
#1604c7 rgb(22,4,199)
```
#1904e0
```
#1904e0 rgb(25,4,224)
```
#1b04f9
```
#1b04f9 rgb(27,4,249)
```
#311cfb
```
#311cfb rgb(49,28,251)
```
#4835fb
```
#4835fb rgb(72,53,251)
```
#5e4efc
```
#5e4efc rgb(94,78,252)
```
#7567fc
```
#7567fc rgb(117,103,252)
```

Monochromatic Color

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

#1c3ffb
```
#1c3ffb rgb(28,63,251)
```
#1c2cfb
```
#1c2cfb rgb(28,44,251)
```
#1e1cfb
```
#1e1cfb rgb(30,28,251)
```
#311cfb
```
#311cfb rgb(49,28,251)
```
#441cfb
```
#441cfb rgb(68,28,251)
```
#561cfb
```
#561cfb rgb(86,28,251)
```
#691cfb
```
#691cfb rgb(105,28,251)
```

Similar Colors

Text with hexadecimal color #311cfb

This text has a font color of #311cfb.

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

#311cfb background color

This paragraph has a background color of #311cfb.

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

#311cfb border color

This element has a border color of #311cfb.

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

CSS codes

.text {color:#311cfb;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#030018
```
#030018 rgb(3,0,24)
```
#05012b
```
#05012b rgb(5,1,43)
```
#07013e
```
#07013e rgb(7,1,62)
```
#090151
```
#090151 rgb(9,1,81)
```
#0b0265
```
#0b0265 rgb(11,2,101)
```
#0d0278
```
#0d0278 rgb(13,2,120)
```
#0f028b
```
#0f028b rgb(15,2,139)
```
#11039f
```
#11039f rgb(17,3,159)
```
#1403b2
```
#1403b2 rgb(20,3,178)
```
#1603c5
```
#1603c5 rgb(22,3,197)
```
#1804d8
```
#1804d8 rgb(24,4,216)
```
#1a04ec
```
#1a04ec rgb(26,4,236)
```

Shade Color Variation

#2009fb
```
#2009fb rgb(32,9,251)
```
#311cfb
```
#311cfb rgb(49,28,251)
```
#422ffb
```
#422ffb rgb(66,47,251)
```
#5443fc
```
#5443fc rgb(84,67,252)
```
#6556fc
```
#6556fc rgb(101,86,252)
```
#7769fc
```
#7769fc rgb(119,105,252)
```
#887cfd
```
#887cfd rgb(136,124,253)
```
#9a90fd
```
#9a90fd rgb(154,144,253)
```
#aba3fd
```
#aba3fd rgb(171,163,253)
```
#bdb6fe
```
#bdb6fe rgb(189,182,254)
```
#cec9fe
```
#cec9fe rgb(206,201,254)
```
#e0ddfe
```
#e0ddfe rgb(224,221,254)
```
#f1f0ff
```
#f1f0ff rgb(241,240,255)
```

Tint Color Variation

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

#888790
```
#888790 rgb(136,135,144)
```
#807e99
```
#807e99 rgb(128,126,153)
```
#7975a2
```
#7975a2 rgb(121,117,162)
```
#726cab
```
#726cab rgb(114,108,171)
```
#6b63b4
```
#6b63b4 rgb(107,99,180)
```
#635abd
```
#635abd rgb(99,90,189)
```
#5c51c6
```
#5c51c6 rgb(92,81,198)
```
#5548cf
```
#5548cf rgb(85,72,207)
```
#4e40d7
```
#4e40d7 rgb(78,64,215)
```
#4737e0
```
#4737e0 rgb(71,55,224)
```
#3f2ee9
```
#3f2ee9 rgb(63,46,233)
```
#3825f2
```
#3825f2 rgb(56,37,242)
```
#311cfb
```
#311cfb rgb(49,28,251)
```

Tone Color Variation

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

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#1142c8 Protanomaly 1% of men, 0.01% of women
#1145b9 Deuteranomaly 6% of men, 0.4% of women
#11499d Tritanomaly 0.01% of the population

#311cfb hex color

#311cfb Color Information

#311cfb Color Conversion

Color Schemes with #311cfb

Alternatives to #311cfb

#311cfb Preview

Shades and Tints of #311cfb

Tones of #311cfb

Color Blindness Simulator