#312abb hex color

In a RGB color space, hex #312abb is composed of 19.2% red, 16.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 77.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 242.9 degrees, a saturation of 63.3% and a lightness of 44.9%. #312abb color hex could be obtained by blending #6254ff with #000077. Closest websafe color is: #3333cc.

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

● #312abb color description : Strong blue.

The hexadecimal color #312abb has RGB values of R:49, G:42, B:187 and CMYK values of C:0.74, M:0.78, Y:0, K:0.27. Its decimal value is 3222203.

Hex triplet	312abb	`#312abb`
RGB Decimal	49, 42, 187	`rgb(49,42,187)`
RGB Percent	19.2, 16.5, 73.3	`rgb(19.2%,16.5%,73.3%)`
CMYK	74, 78, 0, 27
HSL	242.9°, 63.3, 44.9	`hsl(242.9,63.3%,44.9%)`
HSV (or HSB)	242.9°, 77.5, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.149, 49.515, -73.912
XYZ	11.062, 5.896, 47.566
xyY	0.171, 0.091, 5.896
CIE-LCH	29.149, 88.965, 303.819
CIE-LUV	29.149, -5.738, -94.447
Hunter-Lab	24.282, 38.828, -99.146
Binary	00110001, 00101010, 10111011

#312abb
```
#312abb rgb(49,42,187)
```
#b4bb2a
```
#b4bb2a rgb(180,187,42)
```

Complementary Color

#2a6cbb
```
#2a6cbb rgb(42,108,187)
```
#312abb
```
#312abb rgb(49,42,187)
```
#7a2abb
```
#7a2abb rgb(122,42,187)
```

Analogous Color

#6cbb2a
```
#6cbb2a rgb(108,187,42)
```
#312abb
```
#312abb rgb(49,42,187)
```
#bb7a2a
```
#bb7a2a rgb(187,122,42)
```

Split Complementary Color

#2abb31
```
#2abb31 rgb(42,187,49)
```
#312abb
```
#312abb rgb(49,42,187)
```
#bb312a
```
#bb312a rgb(187,49,42)
```

Triadic Color

#2ab4bb
```
#2ab4bb rgb(42,180,187)
```
#312abb
```
#312abb rgb(49,42,187)
```
#bb312a
```
#bb312a rgb(187,49,42)
```
#b4bb2a
```
#b4bb2a rgb(180,187,42)
```

Tetradic Color

#211c7d
```
#211c7d rgb(33,28,125)
```
#262191
```
#262191 rgb(38,33,145)
```
#2c25a6
```
#2c25a6 rgb(44,37,166)
```
#312abb
```
#312abb rgb(49,42,187)
```
#362fd0
```
#362fd0 rgb(54,47,208)
```
#4a43d5
```
#4a43d5 rgb(74,67,213)
```
#5e58d9
```
#5e58d9 rgb(94,88,217)
```

Monochromatic Color

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

#2a47bb
```
#2a47bb rgb(42,71,187)
```
#2a3bbb
```
#2a3bbb rgb(42,59,187)
```
#2a2fbb
```
#2a2fbb rgb(42,47,187)
```
#312abb
```
#312abb rgb(49,42,187)
```
#3d2abb
```
#3d2abb rgb(61,42,187)
```
#492abb
```
#492abb rgb(73,42,187)
```
#552abb
```
#552abb rgb(85,42,187)
```

Similar Colors

Text with hexadecimal color #312abb

This text has a font color of #312abb.

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

#312abb background color

This paragraph has a background color of #312abb.

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

#312abb border color

This element has a border color of #312abb.

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

CSS codes

.text {color:#312abb;}

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

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

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, #03020b is the darkest color, while #fafafe is the lightest one.

#03020b
```
#03020b rgb(3,2,11)
```
#07061b
```
#07061b rgb(7,6,27)
```
#0b0a2b
```
#0b0a2b rgb(11,10,43)
```
#0f0d3b
```
#0f0d3b rgb(15,13,59)
```
#14114b
```
#14114b rgb(20,17,75)
```
#18145b
```
#18145b rgb(24,20,91)
```
#1c186b
```
#1c186b rgb(28,24,107)
```
#201c7b
```
#201c7b rgb(32,28,123)
```
#241f8b
```
#241f8b rgb(36,31,139)
```
#29239b
```
#29239b rgb(41,35,155)
```
#2d26ab
```
#2d26ab rgb(45,38,171)
```
#312abb
```
#312abb rgb(49,42,187)
```
#352ecb
```
#352ecb rgb(53,46,203)
```

Shade Color Variation

#413ad3
```
#413ad3 rgb(65,58,211)
```
#504ad6
```
#504ad6 rgb(80,74,214)
```
#605ada
```
#605ada rgb(96,90,218)
```
#6f6add
```
#6f6add rgb(111,106,221)
```
#7f7ae1
```
#7f7ae1 rgb(127,122,225)
```
#8e8ae5
```
#8e8ae5 rgb(142,138,229)
```
#9d9ae8
```
#9d9ae8 rgb(157,154,232)
```
#adaaec
```
#adaaec rgb(173,170,236)
```
#bcbaef
```
#bcbaef rgb(188,186,239)
```
#cccaf3
```
#cccaf3 rgb(204,202,243)
```
#dbdaf7
```
#dbdaf7 rgb(219,218,247)
```
#ebeafa
```
#ebeafa rgb(235,234,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#717075
```
#717075 rgb(113,112,117)
```
#69687d
```
#69687d rgb(105,104,125)
```
#615f86
```
#615f86 rgb(97,95,134)
```
#59568f
```
#59568f rgb(89,86,143)
```
#514d98
```
#514d98 rgb(81,77,152)
```
#4944a1
```
#4944a1 rgb(73,68,161)
```
#413ca9
```
#413ca9 rgb(65,60,169)
```
#3933b2
```
#3933b2 rgb(57,51,178)
```
#312abb
```
#312abb rgb(49,42,187)
```
#2921c4
```
#2921c4 rgb(41,33,196)
```
#2118cd
```
#2118cd rgb(33,24,205)
```
#1910d5
```
#1910d5 rgb(25,16,213)
```
#1107de
```
#1107de rgb(17,7,222)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3956 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005080 Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#113fa2 Protanomaly 1% of men, 0.01% of women
#114295 Deuteranomaly 6% of men, 0.4% of women
#11467d Tritanomaly 0.01% of the population

#312abb hex color

#312abb Color Information

#312abb Color Conversion

Color Schemes with #312abb

Alternatives to #312abb

#312abb Preview

Shades and Tints of #312abb

Tones of #312abb

Color Blindness Simulator