#312cbb hex color

In a RGB color space, hex #312cbb is composed of 19.2% red, 17.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 76.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 242.1 degrees, a saturation of 61.9% and a lightness of 45.3%. #312cbb color hex could be obtained by blending #6258ff with #000077. 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

● #312cbb color description : Strong blue.

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

Hex triplet	312cbb	`#312cbb`
RGB Decimal	49, 44, 187	`rgb(49,44,187)`
RGB Percent	19.2, 17.3, 73.3	`rgb(19.2%,17.3%,73.3%)`
CMYK	74, 76, 0, 27
HSL	242.1°, 61.9, 45.3	`hsl(242.1,61.9%,45.3%)`
HSV (or HSB)	242.1°, 76.5, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.517, 48.462, -73.303
XYZ	11.135, 6.042, 47.59
xyY	0.172, 0.093, 6.042
CIE-LCH	29.517, 87.874, 303.47
CIE-LUV	29.517, -6.021, -94.386
Hunter-Lab	24.58, 37.851, -97.59
Binary	00110001, 00101100, 10111011

#312cbb
```
#312cbb rgb(49,44,187)
```
#b6bb2c
```
#b6bb2c rgb(182,187,44)
```

Complementary Color

#2c6fbb
```
#2c6fbb rgb(44,111,187)
```
#312cbb
```
#312cbb rgb(49,44,187)
```
#792cbb
```
#792cbb rgb(121,44,187)
```

Analogous Color

#6fbb2c
```
#6fbb2c rgb(111,187,44)
```
#312cbb
```
#312cbb rgb(49,44,187)
```
#bb792c
```
#bb792c rgb(187,121,44)
```

Split Complementary Color

#2cbb31
```
#2cbb31 rgb(44,187,49)
```
#312cbb
```
#312cbb rgb(49,44,187)
```
#bb312c
```
#bb312c rgb(187,49,44)
```

Triadic Color

#2cb6bb
```
#2cb6bb rgb(44,182,187)
```
#312cbb
```
#312cbb rgb(49,44,187)
```
#bb312c
```
#bb312c rgb(187,49,44)
```
#b6bb2c
```
#b6bb2c rgb(182,187,44)
```

Tetradic Color

#211d7d
```
#211d7d rgb(33,29,125)
```
#262292
```
#262292 rgb(38,34,146)
```
#2c27a6
```
#2c27a6 rgb(44,39,166)
```
#312cbb
```
#312cbb rgb(49,44,187)
```
#3732cf
```
#3732cf rgb(55,50,207)
```
#4b46d4
```
#4b46d4 rgb(75,70,212)
```
#5f5bd8
```
#5f5bd8 rgb(95,91,216)
```

Monochromatic Color

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

#2c4bbb
```
#2c4bbb rgb(44,75,187)
```
#2c3fbb
```
#2c3fbb rgb(44,63,187)
```
#2c33bb
```
#2c33bb rgb(44,51,187)
```
#312cbb
```
#312cbb rgb(49,44,187)
```
#3d2cbb
```
#3d2cbb rgb(61,44,187)
```
#492cbb
```
#492cbb rgb(73,44,187)
```
#552cbb
```
#552cbb rgb(85,44,187)
```

Similar Colors

Text with hexadecimal color #312cbb

This text has a font color of #312cbb.

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

#312cbb background color

This paragraph has a background color of #312cbb.

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

#312cbb border color

This element has a border color of #312cbb.

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

CSS codes

.text {color:#312cbb;}

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

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

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 #fcfbfe is the lightest one.

#03030c
```
#03030c rgb(3,3,12)
```
#07071c
```
#07071c rgb(7,7,28)
```
#0c0a2c
```
#0c0a2c rgb(12,10,44)
```
#100e3c
```
#100e3c rgb(16,14,60)
```
#14124c
```
#14124c rgb(20,18,76)
```
#18165c
```
#18165c rgb(24,22,92)
```
#1c196c
```
#1c196c rgb(28,25,108)
```
#201d7b
```
#201d7b rgb(32,29,123)
```
#25218b
```
#25218b rgb(37,33,139)
```
#29259b
```
#29259b rgb(41,37,155)
```
#2d28ab
```
#2d28ab rgb(45,40,171)
```
#312cbb
```
#312cbb rgb(49,44,187)
```
#3530cb
```
#3530cb rgb(53,48,203)
```

Shade Color Variation

#423dd1
```
#423dd1 rgb(66,61,209)
```
#524dd5
```
#524dd5 rgb(82,77,213)
```
#615dd9
```
#615dd9 rgb(97,93,217)
```
#706ddd
```
#706ddd rgb(112,109,221)
```
#807ce0
```
#807ce0 rgb(128,124,224)
```
#8f8ce4
```
#8f8ce4 rgb(143,140,228)
```
#9f9ce8
```
#9f9ce8 rgb(159,156,232)
```
#aeaceb
```
#aeaceb rgb(174,172,235)
```
#bebcef
```
#bebcef rgb(190,188,239)
```
#cdccf3
```
#cdccf3 rgb(205,204,243)
```
#dddcf7
```
#dddcf7 rgb(221,220,247)
```
#ececfa
```
#ececfa rgb(236,236,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#737374
```
#737374 rgb(115,115,116)
```
#6b6a7d
```
#6b6a7d rgb(107,106,125)
```
#636186
```
#636186 rgb(99,97,134)
```
#5a588f
```
#5a588f rgb(90,88,143)
```
#525097
```
#525097 rgb(82,80,151)
```
#4a47a0
```
#4a47a0 rgb(74,71,160)
```
#423ea9
```
#423ea9 rgb(66,62,169)
```
#3935b2
```
#3935b2 rgb(57,53,178)
```
#312cbb
```
#312cbb rgb(49,44,187)
```
#2923c4
```
#2923c4 rgb(41,35,196)
```
#201acd
```
#201acd rgb(32,26,205)
```
#1811d6
```
#1811d6 rgb(24,17,214)
```
#1008df
```
#1008df rgb(16,8,223)
```

Tone Color Variation

Below, you can see how #312cbb 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
#00575b Tritanopia 0.001% of the population

Trichromacy

#1140a3 Protanomaly 1% of men, 0.01% of women
#114396 Deuteranomaly 6% of men, 0.4% of women
#11477e Tritanomaly 0.01% of the population

#312cbb hex color

#312cbb Color Information

#312cbb Color Conversion

Color Schemes with #312cbb

Alternatives to #312cbb

#312cbb Preview

Shades and Tints of #312cbb

Tones of #312cbb

Color Blindness Simulator