#312bbd hex color

In a RGB color space, hex #312bbd is composed of 19.2% red, 16.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 77.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 242.5 degrees, a saturation of 62.9% and a lightness of 45.5%. #312bbd color hex could be obtained by blending #6256ff with #00007b. Closest websafe color is: #3333cc.

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

● #312bbd color description : Strong blue.

The hexadecimal color #312bbd has RGB values of R:49, G:43, B:189 and CMYK values of C:0.74, M:0.77, Y:0, K:0.26. Its decimal value is 3222461.

Hex triplet	312bbd	`#312bbd`
RGB Decimal	49, 43, 189	`rgb(49,43,189)`
RGB Percent	19.2, 16.9, 74.1	`rgb(19.2%,16.9%,74.1%)`
CMYK	74, 77, 0, 26
HSL	242.5°, 62.9, 45.5	`hsl(242.5,62.9%,45.5%)`
HSV (or HSB)	242.5°, 77.2, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.549, 49.628, -74.433
XYZ	11.314, 6.054, 48.714
xyY	0.171, 0.092, 6.054
CIE-LCH	29.549, 89.461, 303.693
CIE-LUV	29.549, -5.974, -95.597
Hunter-Lab	24.605, 39.019, -100.159
Binary	00110001, 00101011, 10111101

#312bbd
```
#312bbd rgb(49,43,189)
```
#b7bd2b
```
#b7bd2b rgb(183,189,43)
```

Complementary Color

#2b6ebd
```
#2b6ebd rgb(43,110,189)
```
#312bbd
```
#312bbd rgb(49,43,189)
```
#7a2bbd
```
#7a2bbd rgb(122,43,189)
```

Analogous Color

#6ebd2b
```
#6ebd2b rgb(110,189,43)
```
#312bbd
```
#312bbd rgb(49,43,189)
```
#bd7a2b
```
#bd7a2b rgb(189,122,43)
```

Split Complementary Color

#2bbd31
```
#2bbd31 rgb(43,189,49)
```
#312bbd
```
#312bbd rgb(49,43,189)
```
#bd312b
```
#bd312b rgb(189,49,43)
```

Triadic Color

#2bb7bd
```
#2bb7bd rgb(43,183,189)
```
#312bbd
```
#312bbd rgb(49,43,189)
```
#bd312b
```
#bd312b rgb(189,49,43)
```
#b7bd2b
```
#b7bd2b rgb(183,189,43)
```

Tetradic Color

#211d7f
```
#211d7f rgb(33,29,127)
```
#262293
```
#262293 rgb(38,34,147)
```
#2c26a8
```
#2c26a8 rgb(44,38,168)
```
#312bbd
```
#312bbd rgb(49,43,189)
```
#3831d0
```
#3831d0 rgb(56,49,208)
```
#4c46d5
```
#4c46d5 rgb(76,70,213)
```
#605bda
```
#605bda rgb(96,91,218)
```

Monochromatic Color

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

#2b4abd
```
#2b4abd rgb(43,74,189)
```
#2b3dbd
```
#2b3dbd rgb(43,61,189)
```
#2b31bd
```
#2b31bd rgb(43,49,189)
```
#312bbd
```
#312bbd rgb(49,43,189)
```
#3d2bbd
```
#3d2bbd rgb(61,43,189)
```
#492bbd
```
#492bbd rgb(73,43,189)
```
#552bbd
```
#552bbd rgb(85,43,189)
```

Similar Colors

Text with hexadecimal color #312bbd

This text has a font color of #312bbd.

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

#312bbd background color

This paragraph has a background color of #312bbd.

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

#312bbd border color

This element has a border color of #312bbd.

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

CSS codes

.text {color:#312bbd;}

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

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

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

#03030d
```
#03030d rgb(3,3,13)
```
#08071d
```
#08071d rgb(8,7,29)
```
#0c0a2d
```
#0c0a2d rgb(12,10,45)
```
#100e3d
```
#100e3d rgb(16,14,61)
```
#14124d
```
#14124d rgb(20,18,77)
```
#18155d
```
#18155d rgb(24,21,93)
```
#1c196d
```
#1c196d rgb(28,25,109)
```
#201c7d
```
#201c7d rgb(32,28,125)
```
#25208d
```
#25208d rgb(37,32,141)
```
#29249d
```
#29249d rgb(41,36,157)
```
#2d27ad
```
#2d27ad rgb(45,39,173)
```
#312bbd
```
#312bbd rgb(49,43,189)
```
#352fcd
```
#352fcd rgb(53,47,205)
```

Shade Color Variation

#433cd3
```
#433cd3 rgb(67,60,211)
```
#524cd6
```
#524cd6 rgb(82,76,214)
```
#625cda
```
#625cda rgb(98,92,218)
```
#716cde
```
#716cde rgb(113,108,222)
```
#817ce1
```
#817ce1 rgb(129,124,225)
```
#908ce5
```
#908ce5 rgb(144,140,229)
```
#9f9ce9
```
#9f9ce9 rgb(159,156,233)
```
#afacec
```
#afacec rgb(175,172,236)
```
#bebcf0
```
#bebcf0 rgb(190,188,240)
```
#ceccf3
```
#ceccf3 rgb(206,204,243)
```
#dddcf7
```
#dddcf7 rgb(221,220,247)
```
#edecfb
```
#edecfb rgb(237,236,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#737276
```
#737276 rgb(115,114,118)
```
#6a697f
```
#6a697f rgb(106,105,127)
```
#626187
```
#626187 rgb(98,97,135)
```
#5a5890
```
#5a5890 rgb(90,88,144)
```
#524f99
```
#524f99 rgb(82,79,153)
```
#4a46a2
```
#4a46a2 rgb(74,70,162)
```
#413dab
```
#413dab rgb(65,61,171)
```
#3934b4
```
#3934b4 rgb(57,52,180)
```
#312bbd
```
#312bbd rgb(49,43,189)
```
#2922c6
```
#2922c6 rgb(41,34,198)
```
#2119cf
```
#2119cf rgb(33,25,207)
```
#1810d8
```
#1810d8 rgb(24,16,216)
```
#1007e1
```
#1007e1 rgb(16,7,225)
```

Tone Color Variation

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

Dichromacy

#004d95 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
#114397 Deuteranomaly 6% of men, 0.4% of women
#11477f Tritanomaly 0.01% of the population

#312bbd hex color

#312bbd Color Information

#312bbd Color Conversion

Color Schemes with #312bbd

Alternatives to #312bbd

#312bbd Preview

Shades and Tints of #312bbd

Tones of #312bbd

Color Blindness Simulator