#312bbf hex color

In a RGB color space, hex #312bbf is composed of 19.2% red, 16.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 77.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 242.4 degrees, a saturation of 63.2% and a lightness of 45.9%. #312bbf color hex could be obtained by blending #6256ff with #00007f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 17
- B 75
RGB color chart
- C 74
- M 77
- Y 0
- K 25
CMYK color chart

● #312bbf color description : Strong blue.

The hexadecimal color #312bbf has RGB values of R:49, G:43, B:191 and CMYK values of C:0.74, M:0.77, Y:0, K:0.25. Its decimal value is 3222463.

Hex triplet	312bbf	`#312bbf`
RGB Decimal	49, 43, 191	`rgb(49,43,191)`
RGB Percent	19.2, 16.9, 74.9	`rgb(19.2%,16.9%,74.9%)`
CMYK	74, 77, 0, 25
HSL	242.4°, 63.2, 45.9	`hsl(242.4,63.2%,45.9%)`
HSV (or HSB)	242.4°, 77.5, 74.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.767, 50.261, -75.253
XYZ	11.533, 6.142, 49.865
xyY	0.171, 0.091, 6.142
CIE-LCH	29.767, 90.494, 303.739
CIE-LUV	29.767, -6.071, -96.773
Hunter-Lab	24.782, 39.697, -101.951
Binary	00110001, 00101011, 10111111

#312bbf
```
#312bbf rgb(49,43,191)
```
#b9bf2b
```
#b9bf2b rgb(185,191,43)
```

Complementary Color

#2b6fbf
```
#2b6fbf rgb(43,111,191)
```
#312bbf
```
#312bbf rgb(49,43,191)
```
#7b2bbf
```
#7b2bbf rgb(123,43,191)
```

Analogous Color

#6fbf2b
```
#6fbf2b rgb(111,191,43)
```
#312bbf
```
#312bbf rgb(49,43,191)
```
#bf7b2b
```
#bf7b2b rgb(191,123,43)
```

Split Complementary Color

#2bbf31
```
#2bbf31 rgb(43,191,49)
```
#312bbf
```
#312bbf rgb(49,43,191)
```
#bf312b
```
#bf312b rgb(191,49,43)
```

Triadic Color

#2bb9bf
```
#2bb9bf rgb(43,185,191)
```
#312bbf
```
#312bbf rgb(49,43,191)
```
#bf312b
```
#bf312b rgb(191,49,43)
```
#b9bf2b
```
#b9bf2b rgb(185,191,43)
```

Tetradic Color

#211d81
```
#211d81 rgb(33,29,129)
```
#262295
```
#262295 rgb(38,34,149)
```
#2c26aa
```
#2c26aa rgb(44,38,170)
```
#312bbf
```
#312bbf rgb(49,43,191)
```
#3933d1
```
#3933d1 rgb(57,51,209)
```
#4d47d6
```
#4d47d6 rgb(77,71,214)
```
#615cda
```
#615cda rgb(97,92,218)
```

Monochromatic Color

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

#2b4abf
```
#2b4abf rgb(43,74,191)
```
#2b3ebf
```
#2b3ebf rgb(43,62,191)
```
#2b31bf
```
#2b31bf rgb(43,49,191)
```
#312bbf
```
#312bbf rgb(49,43,191)
```
#3d2bbf
```
#3d2bbf rgb(61,43,191)
```
#4a2bbf
```
#4a2bbf rgb(74,43,191)
```
#562bbf
```
#562bbf rgb(86,43,191)
```

Similar Colors

Text with hexadecimal color #312bbf

This text has a font color of #312bbf.

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

#312bbf background color

This paragraph has a background color of #312bbf.

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

#312bbf border color

This element has a border color of #312bbf.

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

CSS codes

.text {color:#312bbf;}

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

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

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, #04030f is the darkest color, while #fefeff is the lightest one.

#04030f
```
#04030f rgb(4,3,15)
```
#08071f
```
#08071f rgb(8,7,31)
```
#0c0b2f
```
#0c0b2f rgb(12,11,47)
```
#100e3f
```
#100e3f rgb(16,14,63)
```
#14124f
```
#14124f rgb(20,18,79)
```
#18155f
```
#18155f rgb(24,21,95)
```
#1c196f
```
#1c196f rgb(28,25,111)
```
#211d7f
```
#211d7f rgb(33,29,127)
```
#25208f
```
#25208f rgb(37,32,143)
```
#29249f
```
#29249f rgb(41,36,159)
```
#2d27af
```
#2d27af rgb(45,39,175)
```
#312bbf
```
#312bbf rgb(49,43,191)
```
#352fcf
```
#352fcf rgb(53,47,207)
```

Shade Color Variation

#443ed3
```
#443ed3 rgb(68,62,211)
```
#534ed7
```
#534ed7 rgb(83,78,215)
```
#635edb
```
#635edb rgb(99,94,219)
```
#726ede
```
#726ede rgb(114,110,222)
```
#827ee2
```
#827ee2 rgb(130,126,226)
```
#918ee6
```
#918ee6 rgb(145,142,230)
```
#a19ee9
```
#a19ee9 rgb(161,158,233)
```
#b0aeed
```
#b0aeed rgb(176,174,237)
```
#c0bef0
```
#c0bef0 rgb(192,190,240)
```
#cfcef4
```
#cfcef4 rgb(207,206,244)
```
#dfdef8
```
#dfdef8 rgb(223,222,248)
```
#eeeefb
```
#eeeefb rgb(238,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#737377
```
#737377 rgb(115,115,119)
```
#6b6a80
```
#6b6a80 rgb(107,106,128)
```
#636189
```
#636189 rgb(99,97,137)
```
#5a5892
```
#5a5892 rgb(90,88,146)
```
#524f9b
```
#524f9b rgb(82,79,155)
```
#4a46a4
```
#4a46a4 rgb(74,70,164)
```
#423dad
```
#423dad rgb(66,61,173)
```
#3934b6
```
#3934b6 rgb(57,52,182)
```
#312bbf
```
#312bbf rgb(49,43,191)
```
#2922c8
```
#2922c8 rgb(41,34,200)
```
#2019d1
```
#2019d1 rgb(32,25,209)
```
#1810da
```
#1810da rgb(24,16,218)
```
#1007e3
```
#1007e3 rgb(16,7,227)
```

Tone Color Variation

Below, you can see how #312bbf 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
#3b3a58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#1140a5 Protanomaly 1% of men, 0.01% of women
#114398 Deuteranomaly 6% of men, 0.4% of women
#114780 Tritanomaly 0.01% of the population

#312bbf hex color

#312bbf Color Information

#312bbf Color Conversion

Color Schemes with #312bbf

Alternatives to #312bbf

#312bbf Preview

Shades and Tints of #312bbf

Tones of #312bbf

Color Blindness Simulator