#312ab8 hex color

In a RGB color space, hex #312ab8 is composed of 19.2% red, 16.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 77.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 243 degrees, a saturation of 62.8% and a lightness of 44.3%. #312ab8 color hex could be obtained by blending #6254ff with #000071. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 16
- B 72
RGB color chart
- C 73
- M 77
- Y 0
- K 28
CMYK color chart

● #312ab8 color description : Strong blue.

The hexadecimal color #312ab8 has RGB values of R:49, G:42, B:184 and CMYK values of C:0.73, M:0.77, Y:0, K:0.28. Its decimal value is 3222200.

Hex triplet	312ab8	`#312ab8`
RGB Decimal	49, 42, 184	`rgb(49,42,184)`
RGB Percent	19.2, 16.5, 72.2	`rgb(19.2%,16.5%,72.2%)`
CMYK	73, 77, 0, 28
HSL	243°, 62.8, 44.3	`hsl(243,62.8%,44.3%)`
HSV (or HSB)	243°, 77.2, 72.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.822, 48.564, -72.674
XYZ	10.745, 5.769, 45.892
xyY	0.172, 0.092, 5.769
CIE-LCH	28.822, 87.407, 303.752
CIE-LUV	28.822, -5.59, -92.68
Hunter-Lab	24.019, 37.818, -96.471
Binary	00110001, 00101010, 10111000

#312ab8
```
#312ab8 rgb(49,42,184)
```
#b1b82a
```
#b1b82a rgb(177,184,42)
```

Complementary Color

#2a6ab8
```
#2a6ab8 rgb(42,106,184)
```
#312ab8
```
#312ab8 rgb(49,42,184)
```
#782ab8
```
#782ab8 rgb(120,42,184)
```

Analogous Color

#6ab82a
```
#6ab82a rgb(106,184,42)
```
#312ab8
```
#312ab8 rgb(49,42,184)
```
#b8782a
```
#b8782a rgb(184,120,42)
```

Split Complementary Color

#2ab831
```
#2ab831 rgb(42,184,49)
```
#312ab8
```
#312ab8 rgb(49,42,184)
```
#b8312a
```
#b8312a rgb(184,49,42)
```

Triadic Color

#2ab1b8
```
#2ab1b8 rgb(42,177,184)
```
#312ab8
```
#312ab8 rgb(49,42,184)
```
#b8312a
```
#b8312a rgb(184,49,42)
```
#b1b82a
```
#b1b82a rgb(177,184,42)
```

Tetradic Color

#201c7a
```
#201c7a rgb(32,28,122)
```
#26218e
```
#26218e rgb(38,33,142)
```
#2b25a3
```
#2b25a3 rgb(43,37,163)
```
#312ab8
```
#312ab8 rgb(49,42,184)
```
#372fcd
```
#372fcd rgb(55,47,205)
```
#4941d4
```
#4941d4 rgb(73,65,212)
```
#5c56d8
```
#5c56d8 rgb(92,86,216)
```

Monochromatic Color

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

#2a47b8
```
#2a47b8 rgb(42,71,184)
```
#2a3bb8
```
#2a3bb8 rgb(42,59,184)
```
#2a2fb8
```
#2a2fb8 rgb(42,47,184)
```
#312ab8
```
#312ab8 rgb(49,42,184)
```
#3d2ab8
```
#3d2ab8 rgb(61,42,184)
```
#492ab8
```
#492ab8 rgb(73,42,184)
```
#552ab8
```
#552ab8 rgb(85,42,184)
```

Similar Colors

Text with hexadecimal color #312ab8

This text has a font color of #312ab8.

<span style="color:#312ab8;">Text here</span>

#312ab8 background color

This paragraph has a background color of #312ab8.

<p style="background-color:#312ab8;">Content here</p>

#312ab8 border color

This element has a border color of #312ab8.

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

CSS codes

.text {color:#312ab8;}

.background {background-color:#312ab8;}

.border {border:1px solid #312ab8;}

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

#020208
```
#020208 rgb(2,2,8)
```
#060618
```
#060618 rgb(6,6,24)
```
#0b0928
```
#0b0928 rgb(11,9,40)
```
#0f0d38
```
#0f0d38 rgb(15,13,56)
```
#131048
```
#131048 rgb(19,16,72)
```
#171458
```
#171458 rgb(23,20,88)
```
#1c1868
```
#1c1868 rgb(28,24,104)
```
#201b78
```
#201b78 rgb(32,27,120)
```
#241f88
```
#241f88 rgb(36,31,136)
```
#282398
```
#282398 rgb(40,35,152)
```
#2d26a8
```
#2d26a8 rgb(45,38,168)
```
#312ab8
```
#312ab8 rgb(49,42,184)
```
#352ec8
```
#352ec8 rgb(53,46,200)
```

Shade Color Variation

#3f38d2
```
#3f38d2 rgb(63,56,210)
```
#4f48d5
```
#4f48d5 rgb(79,72,213)
```
#5e58d9
```
#5e58d9 rgb(94,88,217)
```
#6d68dc
```
#6d68dc rgb(109,104,220)
```
#7d78e0
```
#7d78e0 rgb(125,120,224)
```
#8c88e4
```
#8c88e4 rgb(140,136,228)
```
#9b98e7
```
#9b98e7 rgb(155,152,231)
```
#aba8eb
```
#aba8eb rgb(171,168,235)
```
#bab7ef
```
#bab7ef rgb(186,183,239)
```
#cac7f2
```
#cac7f2 rgb(202,199,242)
```
#d9d7f6
```
#d9d7f6 rgb(217,215,246)
```
#e8e7fa
```
#e8e7fa rgb(232,231,250)
```
#f8f7fd
```
#f8f7fd rgb(248,247,253)
```

Tint Color Variation

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

#707072
```
#707072 rgb(112,112,114)
```
#68677b
```
#68677b rgb(104,103,123)
```
#605e84
```
#605e84 rgb(96,94,132)
```
#58558d
```
#58558d rgb(88,85,141)
```
#504d95
```
#504d95 rgb(80,77,149)
```
#49449e
```
#49449e rgb(73,68,158)
```
#413ba7
```
#413ba7 rgb(65,59,167)
```
#3933af
```
#3933af rgb(57,51,175)
```
#312ab8
```
#312ab8 rgb(49,42,184)
```
#2921c1
```
#2921c1 rgb(41,33,193)
```
#2119c9
```
#2119c9 rgb(33,25,201)
```
#1910d2
```
#1910d2 rgb(25,16,210)
```
#1207db
```
#1207db rgb(18,7,219)
```

Tone Color Variation

Below, you can see how #312ab8 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

#3c3c3c Achromatopsia 0.005% of the population
#3a3855 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7f Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#113fa0 Protanomaly 1% of men, 0.01% of women
#114293 Deuteranomaly 6% of men, 0.4% of women
#11457c Tritanomaly 0.01% of the population

#312ab8 hex color

#312ab8 Color Information

#312ab8 Color Conversion

Color Schemes with #312ab8

Alternatives to #312ab8

#312ab8 Preview

Shades and Tints of #312ab8

Tones of #312ab8

Color Blindness Simulator