#312cba hex color

In a RGB color space, hex #312cba is composed of 19.2% red, 17.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 76.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 242.1 degrees, a saturation of 61.7% and a lightness of 45.1%. #312cba color hex could be obtained by blending #6258ff with #000075. Closest websafe color is: #3333cc.

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

● #312cba color description : Strong blue.

The hexadecimal color #312cba has RGB values of R:49, G:44, B:186 and CMYK values of C:0.74, M:0.76, Y:0, K:0.27. Its decimal value is 3222714.

Hex triplet	312cba	`#312cba`
RGB Decimal	49, 44, 186	`rgb(49,44,186)`
RGB Percent	19.2, 17.3, 72.9	`rgb(19.2%,17.3%,72.9%)`
CMYK	74, 76, 0, 27
HSL	242.1°, 61.7, 45.1	`hsl(242.1,61.7%,45.1%)`
HSV (or HSB)	242.1°, 76.3, 72.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.41, 48.141, -72.888
XYZ	11.028, 5.999, 47.028
xyY	0.172, 0.094, 5.999
CIE-LCH	29.41, 87.352, 303.444
CIE-LUV	29.41, -5.973, -93.795
Hunter-Lab	24.493, 37.513, -96.698
Binary	00110001, 00101100, 10111010

#312cba
```
#312cba rgb(49,44,186)
```
#b5ba2c
```
#b5ba2c rgb(181,186,44)
```

Complementary Color

#2c6eba
```
#2c6eba rgb(44,110,186)
```
#312cba
```
#312cba rgb(49,44,186)
```
#782cba
```
#782cba rgb(120,44,186)
```

Analogous Color

#6eba2c
```
#6eba2c rgb(110,186,44)
```
#312cba
```
#312cba rgb(49,44,186)
```
#ba782c
```
#ba782c rgb(186,120,44)
```

Split Complementary Color

#2cba31
```
#2cba31 rgb(44,186,49)
```
#312cba
```
#312cba rgb(49,44,186)
```
#ba312c
```
#ba312c rgb(186,49,44)
```

Triadic Color

#2cb5ba
```
#2cb5ba rgb(44,181,186)
```
#312cba
```
#312cba rgb(49,44,186)
```
#ba312c
```
#ba312c rgb(186,49,44)
```
#b5ba2c
```
#b5ba2c rgb(181,186,44)
```

Tetradic Color

#211d7c
```
#211d7c rgb(33,29,124)
```
#262291
```
#262291 rgb(38,34,145)
```
#2c27a5
```
#2c27a5 rgb(44,39,165)
```
#312cba
```
#312cba rgb(49,44,186)
```
#3731ce
```
#3731ce rgb(55,49,206)
```
#4b46d3
```
#4b46d3 rgb(75,70,211)
```
#5f5ad8
```
#5f5ad8 rgb(95,90,216)
```

Monochromatic Color

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

#2c4bba
```
#2c4bba rgb(44,75,186)
```
#2c3fba
```
#2c3fba rgb(44,63,186)
```
#2c33ba
```
#2c33ba rgb(44,51,186)
```
#312cba
```
#312cba rgb(49,44,186)
```
#3d2cba
```
#3d2cba rgb(61,44,186)
```
#492cba
```
#492cba rgb(73,44,186)
```
#542cba
```
#542cba rgb(84,44,186)
```

Similar Colors

Text with hexadecimal color #312cba

This text has a font color of #312cba.

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

#312cba background color

This paragraph has a background color of #312cba.

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

#312cba border color

This element has a border color of #312cba.

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

CSS codes

.text {color:#312cba;}

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

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

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, #03030c is the darkest color, while #fbfbfe is the lightest one.

#03030c
```
#03030c rgb(3,3,12)
```
#07061b
```
#07061b rgb(7,6,27)
```
#0b0a2b
```
#0b0a2b rgb(11,10,43)
```
#100e3b
```
#100e3b rgb(16,14,59)
```
#14124b
```
#14124b rgb(20,18,75)
```
#18155b
```
#18155b rgb(24,21,91)
```
#1c196b
```
#1c196b rgb(28,25,107)
```
#201d7b
```
#201d7b rgb(32,29,123)
```
#24218a
```
#24218a rgb(36,33,138)
```
#29249a
```
#29249a rgb(41,36,154)
```
#2d28aa
```
#2d28aa rgb(45,40,170)
```
#312cba
```
#312cba rgb(49,44,186)
```
#3530ca
```
#3530ca rgb(53,48,202)
```

Shade Color Variation

#423cd1
```
#423cd1 rgb(66,60,209)
```
#514cd5
```
#514cd5 rgb(81,76,213)
```
#605cd8
```
#605cd8 rgb(96,92,216)
```
#706cdc
```
#706cdc rgb(112,108,220)
```
#7f7ce0
```
#7f7ce0 rgb(127,124,224)
```
#8f8ce4
```
#8f8ce4 rgb(143,140,228)
```
#9e9be7
```
#9e9be7 rgb(158,155,231)
```
#aeabeb
```
#aeabeb rgb(174,171,235)
```
#bdbbef
```
#bdbbef rgb(189,187,239)
```
#cccbf3
```
#cccbf3 rgb(204,203,243)
```
#dcdbf6
```
#dcdbf6 rgb(220,219,246)
```
#ebebfa
```
#ebebfa rgb(235,235,250)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#737373
```
#737373 rgb(115,115,115)
```
#6b6a7c
```
#6b6a7c rgb(107,106,124)
```
#626185
```
#626185 rgb(98,97,133)
```
#5a588e
```
#5a588e rgb(90,88,142)
```
#524f97
```
#524f97 rgb(82,79,151)
```
#4a479f
```
#4a479f rgb(74,71,159)
```
#413ea8
```
#413ea8 rgb(65,62,168)
```
#3935b1
```
#3935b1 rgb(57,53,177)
```
#312cba
```
#312cba rgb(49,44,186)
```
#2923c3
```
#2923c3 rgb(41,35,195)
```
#211acc
```
#211acc rgb(33,26,204)
```
#1811d5
```
#1811d5 rgb(24,17,213)
```
#1009dd
```
#1009dd rgb(16,9,221)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3a57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#1140a2 Protanomaly 1% of men, 0.01% of women
#114395 Deuteranomaly 6% of men, 0.4% of women
#11477d Tritanomaly 0.01% of the population

#312cba hex color

#312cba Color Information

#312cba Color Conversion

Color Schemes with #312cba

Alternatives to #312cba

#312cba Preview

Shades and Tints of #312cba

Tones of #312cba

Color Blindness Simulator