#311dbb hex color

In a RGB color space, hex #311dbb is composed of 19.2% red, 11.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 84.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 247.6 degrees, a saturation of 73.1% and a lightness of 42.4%. #311dbb color hex could be obtained by blending #623aff with #000077. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 11
- B 73
RGB color chart
- C 74
- M 84
- Y 0
- K 27
CMYK color chart

● #311dbb color description : Strong blue.

The hexadecimal color #311dbb has RGB values of R:49, G:29, B:187 and CMYK values of C:0.74, M:0.84, Y:0, K:0.27. Its decimal value is 3218875.

Hex triplet	311dbb	`#311dbb`
RGB Decimal	49, 29, 187	`rgb(49,29,187)`
RGB Percent	19.2, 11.4, 73.3	`rgb(19.2%,11.4%,73.3%)`
CMYK	74, 84, 0, 27
HSL	247.6°, 73.1, 42.4	`hsl(247.6,73.1%,42.4%)`
HSV (or HSB)	247.6°, 84.5, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.071, 55.579, -77.357
XYZ	10.674, 5.119, 47.437
xyY	0.169, 0.081, 5.119
CIE-LCH	27.071, 95.253, 305.696
CIE-LUV	27.071, -4.23, -94.255
Hunter-Lab	22.625, 44.617, -108.472
Binary	00110001, 00011101, 10111011

#311dbb
```
#311dbb rgb(49,29,187)
```
#a7bb1d
```
#a7bb1d rgb(167,187,29)
```

Complementary Color

#1d58bb
```
#1d58bb rgb(29,88,187)
```
#311dbb
```
#311dbb rgb(49,29,187)
```
#801dbb
```
#801dbb rgb(128,29,187)
```

Analogous Color

#58bb1d
```
#58bb1d rgb(88,187,29)
```
#311dbb
```
#311dbb rgb(49,29,187)
```
#bb801d
```
#bb801d rgb(187,128,29)
```

Split Complementary Color

#1dbb31
```
#1dbb31 rgb(29,187,49)
```
#311dbb
```
#311dbb rgb(49,29,187)
```
#bb311d
```
#bb311d rgb(187,49,29)
```

Triadic Color

#1da7bb
```
#1da7bb rgb(29,167,187)
```
#311dbb
```
#311dbb rgb(49,29,187)
```
#bb311d
```
#bb311d rgb(187,49,29)
```
#a7bb1d
```
#a7bb1d rgb(167,187,29)
```

Tetradic Color

#201379
```
#201379 rgb(32,19,121)
```
#25168f
```
#25168f rgb(37,22,143)
```
#2b1aa5
```
#2b1aa5 rgb(43,26,165)
```
#311dbb
```
#311dbb rgb(49,29,187)
```
#3720d1
```
#3720d1 rgb(55,32,209)
```
#432dde
```
#432dde rgb(67,45,222)
```
#5743e2
```
#5743e2 rgb(87,67,226)
```

Monochromatic Color

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

#1d31bb
```
#1d31bb rgb(29,49,187)
```
#1d23bb
```
#1d23bb rgb(29,35,187)
```
#241dbb
```
#241dbb rgb(36,29,187)
```
#311dbb
```
#311dbb rgb(49,29,187)
```
#3e1dbb
```
#3e1dbb rgb(62,29,187)
```
#4b1dbb
```
#4b1dbb rgb(75,29,187)
```
#581dbb
```
#581dbb rgb(88,29,187)
```

Similar Colors

Text with hexadecimal color #311dbb

This text has a font color of #311dbb.

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

#311dbb background color

This paragraph has a background color of #311dbb.

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

#311dbb border color

This element has a border color of #311dbb.

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

CSS codes

.text {color:#311dbb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050311
```
#050311 rgb(5,3,17)
```
#090522
```
#090522 rgb(9,5,34)
```
#0d0833
```
#0d0833 rgb(13,8,51)
```
#120b44
```
#120b44 rgb(18,11,68)
```
#160d55
```
#160d55 rgb(22,13,85)
```
#1b1066
```
#1b1066 rgb(27,16,102)
```
#1f1277
```
#1f1277 rgb(31,18,119)
```
#241588
```
#241588 rgb(36,21,136)
```
#281899
```
#281899 rgb(40,24,153)
```
#2d1aaa
```
#2d1aaa rgb(45,26,170)
```
#311dbb
```
#311dbb rgb(49,29,187)
```
#3520cc
```
#3520cc rgb(53,32,204)
```

Shade Color Variation

#3a22dd
```
#3a22dd rgb(58,34,221)
```
#4933df
```
#4933df rgb(73,51,223)
```
#5844e2
```
#5844e2 rgb(88,68,226)
```
#6855e5
```
#6855e5 rgb(104,85,229)
```
#7766e7
```
#7766e7 rgb(119,102,231)
```
#8677ea
```
#8677ea rgb(134,119,234)
```
#9588ed
```
#9588ed rgb(149,136,237)
```
#a499ef
```
#a499ef rgb(164,153,239)
```
#b3aaf2
```
#b3aaf2 rgb(179,170,242)
```
#c3bbf4
```
#c3bbf4 rgb(195,187,244)
```
#d2ccf7
```
#d2ccf7 rgb(210,204,247)
```
#e1ddfa
```
#e1ddfa rgb(225,221,250)
```
#f0eefc
```
#f0eefc rgb(240,238,252)
```

Tint Color Variation

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

#696870
```
#696870 rgb(105,104,112)
```
#635f79
```
#635f79 rgb(99,95,121)
```
#5c5781
```
#5c5781 rgb(92,87,129)
```
#564f89
```
#564f89 rgb(86,79,137)
```
#504791
```
#504791 rgb(80,71,145)
```
#4a3e9a
```
#4a3e9a rgb(74,62,154)
```
#4436a2
```
#4436a2 rgb(68,54,162)
```
#3d2eaa
```
#3d2eaa rgb(61,46,170)
```
#3725b3
```
#3725b3 rgb(55,37,179)
```
#311dbb
```
#311dbb rgb(49,29,187)
```
#2b15c3
```
#2b15c3 rgb(43,21,195)
```
#250ccc
```
#250ccc rgb(37,12,204)
```
#1e04d4
```
#1e04d4 rgb(30,4,212)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#343050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#11389c Protanomaly 1% of men, 0.01% of women
#113a90 Deuteranomaly 6% of men, 0.4% of women
#113e7a Tritanomaly 0.01% of the population

#311dbb hex color

#311dbb Color Information

#311dbb Color Conversion

Color Schemes with #311dbb

Alternatives to #311dbb

#311dbb Preview

Shades and Tints of #311dbb

Tones of #311dbb

Color Blindness Simulator