#311cbb hex color

In a RGB color space, hex #311cbb is composed of 19.2% red, 11% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 85% magenta, 0% yellow and 26.7% black. It has a hue angle of 247.9 degrees, a saturation of 74% and a lightness of 42.2%. #311cbb color hex could be obtained by blending #6238ff with #000077. Closest websafe color is: #3333cc.

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

● #311cbb color description : Strong blue.

The hexadecimal color #311cbb has RGB values of R:49, G:28, B:187 and CMYK values of C:0.74, M:0.85, Y:0, K:0.27. Its decimal value is 3218619.

Hex triplet	311cbb	`#311cbb`
RGB Decimal	49, 28, 187	`rgb(49,28,187)`
RGB Percent	19.2, 11, 73.3	`rgb(19.2%,11%,73.3%)`
CMYK	74, 85, 0, 27
HSL	247.9°, 74, 42.2	`hsl(247.9,74%,42.2%)`
HSV (or HSB)	247.9°, 85, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	26.935, 55.982, -77.582
XYZ	10.65, 5.071, 47.428
xyY	0.169, 0.08, 5.071
CIE-LCH	26.935, 95.671, 305.814
CIE-LUV	26.935, -4.137, -94.209
Hunter-Lab	22.518, 45.013, -109.115
Binary	00110001, 00011100, 10111011

#311cbb
```
#311cbb rgb(49,28,187)
```
#a6bb1c
```
#a6bb1c rgb(166,187,28)
```

Complementary Color

#1c57bb
```
#1c57bb rgb(28,87,187)
```
#311cbb
```
#311cbb rgb(49,28,187)
```
#811cbb
```
#811cbb rgb(129,28,187)
```

Analogous Color

#56bb1c
```
#56bb1c rgb(86,187,28)
```
#311cbb
```
#311cbb rgb(49,28,187)
```
#bb811c
```
#bb811c rgb(187,129,28)
```

Split Complementary Color

#1cbb31
```
#1cbb31 rgb(28,187,49)
```
#311cbb
```
#311cbb rgb(49,28,187)
```
#bb311c
```
#bb311c rgb(187,49,28)
```

Triadic Color

#1ca6bb
```
#1ca6bb rgb(28,166,187)
```
#311cbb
```
#311cbb rgb(49,28,187)
```
#bb311c
```
#bb311c rgb(187,49,28)
```
#a6bb1c
```
#a6bb1c rgb(166,187,28)
```

Tetradic Color

#201278
```
#201278 rgb(32,18,120)
```
#25158f
```
#25158f rgb(37,21,143)
```
#2b19a5
```
#2b19a5 rgb(43,25,165)
```
#311cbb
```
#311cbb rgb(49,28,187)
```
#371fd1
```
#371fd1 rgb(55,31,209)
```
#432bdf
```
#432bdf rgb(67,43,223)
```
#5641e3
```
#5641e3 rgb(86,65,227)
```

Monochromatic Color

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

#1c2fbb
```
#1c2fbb rgb(28,47,187)
```
#1c21bb
```
#1c21bb rgb(28,33,187)
```
#241cbb
```
#241cbb rgb(36,28,187)
```
#311cbb
```
#311cbb rgb(49,28,187)
```
#3e1cbb
```
#3e1cbb rgb(62,28,187)
```
#4c1cbb
```
#4c1cbb rgb(76,28,187)
```
#591cbb
```
#591cbb rgb(89,28,187)
```

Similar Colors

Text with hexadecimal color #311cbb

This text has a font color of #311cbb.

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

#311cbb background color

This paragraph has a background color of #311cbb.

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

#311cbb border color

This element has a border color of #311cbb.

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

CSS codes

.text {color:#311cbb;}

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

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

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

#040210
```
#040210 rgb(4,2,16)
```
#090521
```
#090521 rgb(9,5,33)
```
#0d0833
```
#0d0833 rgb(13,8,51)
```
#120a44
```
#120a44 rgb(18,10,68)
```
#160d55
```
#160d55 rgb(22,13,85)
```
#1b0f66
```
#1b0f66 rgb(27,15,102)
```
#1f1277
```
#1f1277 rgb(31,18,119)
```
#241488
```
#241488 rgb(36,20,136)
```
#281799
```
#281799 rgb(40,23,153)
```
#2d19aa
```
#2d19aa rgb(45,25,170)
```
#311cbb
```
#311cbb rgb(49,28,187)
```
#351fcc
```
#351fcc rgb(53,31,204)
```
#3a21dd
```
#3a21dd rgb(58,33,221)
```

Shade Color Variation

#4932e0
```
#4932e0 rgb(73,50,224)
```
#5843e3
```
#5843e3 rgb(88,67,227)
```
#6754e5
```
#6754e5 rgb(103,84,229)
```
#7665e8
```
#7665e8 rgb(118,101,232)
```
#8576ea
```
#8576ea rgb(133,118,234)
```
#9487ed
```
#9487ed rgb(148,135,237)
```
#a498f0
```
#a498f0 rgb(164,152,240)
```
#b3a9f2
```
#b3a9f2 rgb(179,169,242)
```
#c2baf5
```
#c2baf5 rgb(194,186,245)
```
#d1cbf7
```
#d1cbf7 rgb(209,203,247)
```
#e0dcfa
```
#e0dcfa rgb(224,220,250)
```
#efedfc
```
#efedfc rgb(239,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#686671
```
#686671 rgb(104,102,113)
```
#625e79
```
#625e79 rgb(98,94,121)
```
#5c5681
```
#5c5681 rgb(92,86,129)
```
#564e89
```
#564e89 rgb(86,78,137)
```
#4f4592
```
#4f4592 rgb(79,69,146)
```
#493d9a
```
#493d9a rgb(73,61,154)
```
#4335a2
```
#4335a2 rgb(67,53,162)
```
#3d2daa
```
#3d2daa rgb(61,45,170)
```
#3724b3
```
#3724b3 rgb(55,36,179)
```
#311cbb
```
#311cbb rgb(49,28,187)
```
#2b14c3
```
#2b14c3 rgb(43,20,195)
```
#250bcc
```
#250bcc rgb(37,11,204)
```
#1f03d4
```
#1f03d4 rgb(31,3,212)
```

Tone Color Variation

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

Dichromacy

#00478a Protanopia 1% of men
#004b78 Deuteranopia 1% of men
#005054 Tritanopia 0.001% of the population

Trichromacy

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

#311cbb hex color

#311cbb Color Information

#311cbb Color Conversion

Color Schemes with #311cbb

Alternatives to #311cbb

#311cbb Preview

Shades and Tints of #311cbb

Tones of #311cbb

Color Blindness Simulator