#311bbf hex color

In a RGB color space, hex #311bbf is composed of 19.2% red, 10.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 85.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 248 degrees, a saturation of 75.2% and a lightness of 42.7%. #311bbf color hex could be obtained by blending #6236ff with #00007f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 11
- B 75
RGB color chart
- C 74
- M 86
- Y 0
- K 25
CMYK color chart

● #311bbf color description : Strong blue.

The hexadecimal color #311bbf has RGB values of R:49, G:27, B:191 and CMYK values of C:0.74, M:0.86, Y:0, K:0.25. Its decimal value is 3218367.

Hex triplet	311bbf	`#311bbf`
RGB Decimal	49, 27, 191	`rgb(49,27,191)`
RGB Percent	19.2, 10.6, 74.9	`rgb(19.2%,10.6%,74.9%)`
CMYK	74, 86, 0, 25
HSL	248°, 75.2, 42.7	`hsl(248,75.2%,42.7%)`
HSV (or HSB)	248°, 85.9, 74.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.291, 57.51, -79.359
XYZ	11.061, 5.198, 49.708
xyY	0.168, 0.079, 5.198
CIE-LCH	27.291, 98.007, 305.93
CIE-LUV	27.291, -4.28, -96.467
Hunter-Lab	22.799, 46.701, -113.31
Binary	00110001, 00011011, 10111111

#311bbf
```
#311bbf rgb(49,27,191)
```
#a9bf1b
```
#a9bf1b rgb(169,191,27)
```

Complementary Color

#1b57bf
```
#1b57bf rgb(27,87,191)
```
#311bbf
```
#311bbf rgb(49,27,191)
```
#831bbf
```
#831bbf rgb(131,27,191)
```

Analogous Color

#57bf1b
```
#57bf1b rgb(87,191,27)
```
#311bbf
```
#311bbf rgb(49,27,191)
```
#bf831b
```
#bf831b rgb(191,131,27)
```

Split Complementary Color

#1bbf31
```
#1bbf31 rgb(27,191,49)
```
#311bbf
```
#311bbf rgb(49,27,191)
```
#bf311b
```
#bf311b rgb(191,49,27)
```

Triadic Color

#1ba9bf
```
#1ba9bf rgb(27,169,191)
```
#311bbf
```
#311bbf rgb(49,27,191)
```
#bf311b
```
#bf311b rgb(191,49,27)
```
#a9bf1b
```
#a9bf1b rgb(169,191,27)
```

Tetradic Color

#20127c
```
#20127c rgb(32,18,124)
```
#261592
```
#261592 rgb(38,21,146)
```
#2b18a9
```
#2b18a9 rgb(43,24,169)
```
#311bbf
```
#311bbf rgb(49,27,191)
```
#371ed5
```
#371ed5 rgb(55,30,213)
```
#442ce1
```
#442ce1 rgb(68,44,225)
```
#5842e4
```
#5842e4 rgb(88,66,228)
```

Monochromatic Color

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

#1b2ebf
```
#1b2ebf rgb(27,46,191)
```
#1b20bf
```
#1b20bf rgb(27,32,191)
```
#231bbf
```
#231bbf rgb(35,27,191)
```
#311bbf
```
#311bbf rgb(49,27,191)
```
#3f1bbf
```
#3f1bbf rgb(63,27,191)
```
#4c1bbf
```
#4c1bbf rgb(76,27,191)
```
#5a1bbf
```
#5a1bbf rgb(90,27,191)
```

Similar Colors

Text with hexadecimal color #311bbf

This text has a font color of #311bbf.

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

#311bbf background color

This paragraph has a background color of #311bbf.

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

#311bbf border color

This element has a border color of #311bbf.

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

CSS codes

.text {color:#311bbf;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#050313
```
#050313 rgb(5,3,19)
```
#090524
```
#090524 rgb(9,5,36)
```
#0e0836
```
#0e0836 rgb(14,8,54)
```
#120a47
```
#120a47 rgb(18,10,71)
```
#170c58
```
#170c58 rgb(23,12,88)
```
#1b0f69
```
#1b0f69 rgb(27,15,105)
```
#1f117a
```
#1f117a rgb(31,17,122)
```
#24148b
```
#24148b rgb(36,20,139)
```
#28169d
```
#28169d rgb(40,22,157)
```
#2d19ae
```
#2d19ae rgb(45,25,174)
```
#311bbf
```
#311bbf rgb(49,27,191)
```
#351dd0
```
#351dd0 rgb(53,29,208)
```

Shade Color Variation

#3b22e0
```
#3b22e0 rgb(59,34,224)
```
#4a33e2
```
#4a33e2 rgb(74,51,226)
```
#5944e5
```
#5944e5 rgb(89,68,229)
```
#6955e7
```
#6955e7 rgb(105,85,231)
```
#7866e9
```
#7866e9 rgb(120,102,233)
```
#8777ec
```
#8777ec rgb(135,119,236)
```
#9689ee
```
#9689ee rgb(150,137,238)
```
#a59af1
```
#a59af1 rgb(165,154,241)
```
#b5abf3
```
#b5abf3 rgb(181,171,243)
```
#c4bcf6
```
#c4bcf6 rgb(196,188,246)
```
#d3cdf8
```
#d3cdf8 rgb(211,205,248)
```
#e2dffa
```
#e2dffa rgb(226,223,250)
```
#f2f0fd
```
#f2f0fd rgb(242,240,253)
```

Tint Color Variation

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

#686674
```
#686674 rgb(104,102,116)
```
#625e7c
```
#625e7c rgb(98,94,124)
```
#5c5684
```
#5c5684 rgb(92,86,132)
```
#564d8d
```
#564d8d rgb(86,77,141)
```
#504595
```
#504595 rgb(80,69,149)
```
#4a3d9d
```
#4a3d9d rgb(74,61,157)
```
#4334a6
```
#4334a6 rgb(67,52,166)
```
#3d2cae
```
#3d2cae rgb(61,44,174)
```
#3723b7
```
#3723b7 rgb(55,35,183)
```
#311bbf
```
#311bbf rgb(49,27,191)
```
#2b13c7
```
#2b13c7 rgb(43,19,199)
```
#250ad0
```
#250ad0 rgb(37,10,208)
```
#1f02d8
```
#1f02d8 rgb(31,2,216)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#332f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#11379e Protanomaly 1% of men, 0.01% of women
#113a92 Deuteranomaly 6% of men, 0.4% of women
#113d7c Tritanomaly 0.01% of the population

#311bbf hex color

#311bbf Color Information

#311bbf Color Conversion

Color Schemes with #311bbf

Alternatives to #311bbf

#311bbf Preview

Shades and Tints of #311bbf

Tones of #311bbf

Color Blindness Simulator