#311ba8 hex color

In a RGB color space, hex #311ba8 is composed of 19.2% red, 10.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 83.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 249.4 degrees, a saturation of 72.3% and a lightness of 38.2%. #311ba8 color hex could be obtained by blending #6236ff with #000051. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 11
- B 66
RGB color chart
- C 71
- M 84
- Y 0
- K 34
CMYK color chart

● #311ba8 color description : Dark blue.

The hexadecimal color #311ba8 has RGB values of R:49, G:27, B:168 and CMYK values of C:0.71, M:0.84, Y:0, K:0.34. Its decimal value is 3218344.

Hex triplet	311ba8	`#311ba8`
RGB Decimal	49, 27, 168	`rgb(49,27,168)`
RGB Percent	19.2, 10.6, 65.9	`rgb(19.2%,10.6%,65.9%)`
CMYK	71, 84, 0, 34
HSL	249.4°, 72.3, 38.2	`hsl(249.4,72.3%,38.2%)`
HSV (or HSB)	249.4°, 83.9, 65.9
Web Safe	333399	`#333399`

CIE-LAB	24.524, 50.879, -70.205
XYZ	8.725, 4.264, 37.407
xyY	0.173, 0.085, 4.264
CIE-LCH	24.524, 86.703, 305.931
CIE-LUV	24.524, -2.897, -83.149
Hunter-Lab	20.648, 39.292, -92.957
Binary	00110001, 00011011, 10101000

#311ba8
```
#311ba8 rgb(49,27,168)
```
#92a81b
```
#92a81b rgb(146,168,27)
```

Complementary Color

#1b4ca8
```
#1b4ca8 rgb(27,76,168)
```
#311ba8
```
#311ba8 rgb(49,27,168)
```
#781ba8
```
#781ba8 rgb(120,27,168)
```

Analogous Color

#4ca81b
```
#4ca81b rgb(76,168,27)
```
#311ba8
```
#311ba8 rgb(49,27,168)
```
#a8781b
```
#a8781b rgb(168,120,27)
```

Split Complementary Color

#1ba831
```
#1ba831 rgb(27,168,49)
```
#311ba8
```
#311ba8 rgb(49,27,168)
```
#a8311b
```
#a8311b rgb(168,49,27)
```

Triadic Color

#1b92a8
```
#1b92a8 rgb(27,146,168)
```
#311ba8
```
#311ba8 rgb(49,27,168)
```
#a8311b
```
#a8311b rgb(168,49,27)
```
#92a81b
```
#92a81b rgb(146,168,27)
```

Tetradic Color

#1e1066
```
#1e1066 rgb(30,16,102)
```
#24147c
```
#24147c rgb(36,20,124)
```
#2b1792
```
#2b1792 rgb(43,23,146)
```
#311ba8
```
#311ba8 rgb(49,27,168)
```
#371fbe
```
#371fbe rgb(55,31,190)
```
#3e22d4
```
#3e22d4 rgb(62,34,212)
```
#4c32de
```
#4c32de rgb(76,50,222)
```

Monochromatic Color

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

#1b28a8
```
#1b28a8 rgb(27,40,168)
```
#1b1da8
```
#1b1da8 rgb(27,29,168)
```
#251ba8
```
#251ba8 rgb(37,27,168)
```
#311ba8
```
#311ba8 rgb(49,27,168)
```
#3d1ba8
```
#3d1ba8 rgb(61,27,168)
```
#481ba8
```
#481ba8 rgb(72,27,168)
```
#541ba8
```
#541ba8 rgb(84,27,168)
```

Similar Colors

Text with hexadecimal color #311ba8

This text has a font color of #311ba8.

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

#311ba8 background color

This paragraph has a background color of #311ba8.

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

#311ba8 border color

This element has a border color of #311ba8.

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

CSS codes

.text {color:#311ba8;}

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

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

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

#050310
```
#050310 rgb(5,3,16)
```
#0a0521
```
#0a0521 rgb(10,5,33)
```
#0e0832
```
#0e0832 rgb(14,8,50)
```
#130b43
```
#130b43 rgb(19,11,67)
```
#180d54
```
#180d54 rgb(24,13,84)
```
#1d1064
```
#1d1064 rgb(29,16,100)
```
#221375
```
#221375 rgb(34,19,117)
```
#271686
```
#271686 rgb(39,22,134)
```
#2c1897
```
#2c1897 rgb(44,24,151)
```
#311ba8
```
#311ba8 rgb(49,27,168)
```
#361eb9
```
#361eb9 rgb(54,30,185)
```
#3b20ca
```
#3b20ca rgb(59,32,202)
```
#4023db
```
#4023db rgb(64,35,219)
```

Shade Color Variation

#4e33de
```
#4e33de rgb(78,51,222)
```
#5d44e1
```
#5d44e1 rgb(93,68,225)
```
#6b55e4
```
#6b55e4 rgb(107,85,228)
```
#7a66e6
```
#7a66e6 rgb(122,102,230)
```
#8977e9
```
#8977e9 rgb(137,119,233)
```
#9788ec
```
#9788ec rgb(151,136,236)
```
#a699ef
```
#a699ef rgb(166,153,239)
```
#b5aaf1
```
#b5aaf1 rgb(181,170,241)
```
#c3baf4
```
#c3baf4 rgb(195,186,244)
```
#d2cbf7
```
#d2cbf7 rgb(210,203,247)
```
#e1dcf9
```
#e1dcf9 rgb(225,220,249)
```
#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, #5f5f65 is the less saturated color, while #2204bf is the most saturated one.

#5f5f65
```
#5f5f65 rgb(95,95,101)
```
#5a576c
```
#5a576c rgb(90,87,108)
```
#555074
```
#555074 rgb(85,80,116)
```
#50487b
```
#50487b rgb(80,72,123)
```
#4b4183
```
#4b4183 rgb(75,65,131)
```
#46398a
```
#46398a rgb(70,57,138)
```
#403292
```
#403292 rgb(64,50,146)
```
#3b2a99
```
#3b2a99 rgb(59,42,153)
```
#3623a1
```
#3623a1 rgb(54,35,161)
```
#311ba8
```
#311ba8 rgb(49,27,168)
```
#2c14b0
```
#2c14b0 rgb(44,20,176)
```
#270cb7
```
#270cb7 rgb(39,12,183)
```
#2204bf
```
#2204bf rgb(34,4,191)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#322d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#00466f Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#11348f Protanomaly 1% of men, 0.01% of women
#113684 Deuteranomaly 6% of men, 0.4% of women
#11396f Tritanomaly 0.01% of the population

#311ba8 hex color

#311ba8 Color Information

#311ba8 Color Conversion

Color Schemes with #311ba8

Alternatives to #311ba8

#311ba8 Preview

Shades and Tints of #311ba8

Tones of #311ba8

Color Blindness Simulator