#311ba0 hex color

In a RGB color space, hex #311ba0 is composed of 19.2% red, 10.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 83.1% magenta, 0% yellow and 37.3% black. It has a hue angle of 249.9 degrees, a saturation of 71.1% and a lightness of 36.7%. #311ba0 color hex could be obtained by blending #6236ff with #000041. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 11
- B 63
RGB color chart
- C 69
- M 83
- Y 0
- K 37
CMYK color chart

● #311ba0 color description : Dark blue.

The hexadecimal color #311ba0 has RGB values of R:49, G:27, B:160 and CMYK values of C:0.69, M:0.83, Y:0, K:0.37. Its decimal value is 3218336.

Hex triplet	311ba0	`#311ba0`
RGB Decimal	49, 27, 160	`rgb(49,27,160)`
RGB Percent	19.2, 10.6, 62.7	`rgb(19.2%,10.6%,62.7%)`
CMYK	69, 83, 0, 37
HSL	249.9°, 71.1, 36.7	`hsl(249.9,71.1%,36.7%)`
HSV (or HSB)	249.9°, 83.1, 62.7
Web Safe	333399	`#333399`

CIE-LAB	23.587, 48.512, -66.9
XYZ	8.003, 3.975, 33.601
xyY	0.176, 0.087, 3.975
CIE-LCH	23.587, 82.638, 305.947
CIE-LUV	23.587, -2.387, -78.483
Hunter-Lab	19.936, 36.763, -85.974
Binary	00110001, 00011011, 10100000

#311ba0
```
#311ba0 rgb(49,27,160)
```
#8aa01b
```
#8aa01b rgb(138,160,27)
```

Complementary Color

#1b47a0
```
#1b47a0 rgb(27,71,160)
```
#311ba0
```
#311ba0 rgb(49,27,160)
```
#741ba0
```
#741ba0 rgb(116,27,160)
```

Analogous Color

#47a01b
```
#47a01b rgb(71,160,27)
```
#311ba0
```
#311ba0 rgb(49,27,160)
```
#a0741b
```
#a0741b rgb(160,116,27)
```

Split Complementary Color

#1ba031
```
#1ba031 rgb(27,160,49)
```
#311ba0
```
#311ba0 rgb(49,27,160)
```
#a0311b
```
#a0311b rgb(160,49,27)
```

Triadic Color

#1b8aa0
```
#1b8aa0 rgb(27,138,160)
```
#311ba0
```
#311ba0 rgb(49,27,160)
```
#a0311b
```
#a0311b rgb(160,49,27)
```
#8aa01b
```
#8aa01b rgb(138,160,27)
```

Tetradic Color

#1d105f
```
#1d105f rgb(29,16,95)
```
#241474
```
#241474 rgb(36,20,116)
```
#2a178a
```
#2a178a rgb(42,23,138)
```
#311ba0
```
#311ba0 rgb(49,27,160)
```
#381fb6
```
#381fb6 rgb(56,31,182)
```
#3e22cc
```
#3e22cc rgb(62,34,204)
```
#492cdb
```
#492cdb rgb(73,44,219)
```

Monochromatic Color

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

#1b26a0
```
#1b26a0 rgb(27,38,160)
```
#1b1ba0
```
#1b1ba0 rgb(27,27,160)
```
#261ba0
```
#261ba0 rgb(38,27,160)
```
#311ba0
```
#311ba0 rgb(49,27,160)
```
#3c1ba0
```
#3c1ba0 rgb(60,27,160)
```
#471ba0
```
#471ba0 rgb(71,27,160)
```
#521ba0
```
#521ba0 rgb(82,27,160)
```

Similar Colors

Text with hexadecimal color #311ba0

This text has a font color of #311ba0.

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

#311ba0 background color

This paragraph has a background color of #311ba0.

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

#311ba0 border color

This element has a border color of #311ba0.

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

CSS codes

.text {color:#311ba0;}

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

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

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

#030209
```
#030209 rgb(3,2,9)
```
#08041a
```
#08041a rgb(8,4,26)
```
#0d072b
```
#0d072b rgb(13,7,43)
```
#120a3b
```
#120a3b rgb(18,10,59)
```
#170d4c
```
#170d4c rgb(23,13,76)
```
#1c105d
```
#1c105d rgb(28,16,93)
```
#22136e
```
#22136e rgb(34,19,110)
```
#27157e
```
#27157e rgb(39,21,126)
```
#2c188f
```
#2c188f rgb(44,24,143)
```
#311ba0
```
#311ba0 rgb(49,27,160)
```
#361eb1
```
#361eb1 rgb(54,30,177)
```
#3b21c2
```
#3b21c2 rgb(59,33,194)
```
#4023d2
```
#4023d2 rgb(64,35,210)
```

Shade Color Variation

#4b2edc
```
#4b2edc rgb(75,46,220)
```
#593fdf
```
#593fdf rgb(89,63,223)
```
#674fe1
```
#674fe1 rgb(103,79,225)
```
#7660e4
```
#7660e4 rgb(118,96,228)
```
#8471e7
```
#8471e7 rgb(132,113,231)
```
#9382ea
```
#9382ea rgb(147,130,234)
```
#a192ed
```
#a192ed rgb(161,146,237)
```
#b0a3f0
```
#b0a3f0 rgb(176,163,240)
```
#beb4f2
```
#beb4f2 rgb(190,180,242)
```
#cdc5f5
```
#cdc5f5 rgb(205,197,245)
```
#dbd6f8
```
#dbd6f8 rgb(219,214,248)
```
#eae6fb
```
#eae6fb rgb(234,230,251)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5c5f is the less saturated color, while #2305b6 is the most saturated one.

#5c5c5f
```
#5c5c5f rgb(92,92,95)
```
#585566
```
#585566 rgb(88,85,102)
```
#534d6e
```
#534d6e rgb(83,77,110)
```
#4e4675
```
#4e4675 rgb(78,70,117)
```
#493f7c
```
#493f7c rgb(73,63,124)
```
#443883
```
#443883 rgb(68,56,131)
```
#3f318a
```
#3f318a rgb(63,49,138)
```
#3b2992
```
#3b2992 rgb(59,41,146)
```
#362299
```
#362299 rgb(54,34,153)
```
#311ba0
```
#311ba0 rgb(49,27,160)
```
#2c14a7
```
#2c14a7 rgb(44,20,167)
```
#270dae
```
#270dae rgb(39,13,174)
```
#2305b6
```
#2305b6 rgb(35,5,182)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#312d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00446c Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#11328a Protanomaly 1% of men, 0.01% of women
#11357f Deuteranomaly 6% of men, 0.4% of women
#11386b Tritanomaly 0.01% of the population

#311ba0 hex color

#311ba0 Color Information

#311ba0 Color Conversion

Color Schemes with #311ba0

Alternatives to #311ba0

#311ba0 Preview

Shades and Tints of #311ba0

Tones of #311ba0

Color Blindness Simulator