#312fb7 hex color

In a RGB color space, hex #312fb7 is composed of 19.2% red, 18.4% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 74.3% magenta, 0% yellow and 28.2% black. It has a hue angle of 240.9 degrees, a saturation of 59.1% and a lightness of 45.1%. #312fb7 color hex could be obtained by blending #625eff with #00006f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 18
- B 72
RGB color chart
- C 73
- M 74
- Y 0
- K 28
CMYK color chart

● #312fb7 color description : Moderate blue.

The hexadecimal color #312fb7 has RGB values of R:49, G:47, B:183 and CMYK values of C:0.73, M:0.74, Y:0, K:0.28. Its decimal value is 3223479.

Hex triplet	312fb7	`#312fb7`
RGB Decimal	49, 47, 183	`rgb(49,47,183)`
RGB Percent	19.2, 18.4, 71.8	`rgb(19.2%,18.4%,71.8%)`
CMYK	73, 74, 0, 28
HSL	240.9°, 59.1, 45.1	`hsl(240.9,59.1%,45.1%)`
HSV (or HSB)	240.9°, 74.3, 71.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.674, 45.52, -70.672
XYZ	10.829, 6.104, 45.405
xyY	0.174, 0.098, 6.104
CIE-LCH	29.674, 84.063, 302.786
CIE-LUV	29.674, -6.291, -91.846
Hunter-Lab	24.707, 34.997, -91.665
Binary	00110001, 00101111, 10110111

#312fb7
```
#312fb7 rgb(49,47,183)
```
#b5b72f
```
#b5b72f rgb(181,183,47)
```

Complementary Color

#2f71b7
```
#2f71b7 rgb(47,113,183)
```
#312fb7
```
#312fb7 rgb(49,47,183)
```
#752fb7
```
#752fb7 rgb(117,47,183)
```

Analogous Color

#71b72f
```
#71b72f rgb(113,183,47)
```
#312fb7
```
#312fb7 rgb(49,47,183)
```
#b7752f
```
#b7752f rgb(183,117,47)
```

Split Complementary Color

#2fb731
```
#2fb731 rgb(47,183,49)
```
#312fb7
```
#312fb7 rgb(49,47,183)
```
#b7312f
```
#b7312f rgb(183,49,47)
```

Triadic Color

#2fb5b7
```
#2fb5b7 rgb(47,181,183)
```
#312fb7
```
#312fb7 rgb(49,47,183)
```
#b7312f
```
#b7312f rgb(183,49,47)
```
#b5b72f
```
#b5b72f rgb(181,183,47)
```

Tetradic Color

#211f7a
```
#211f7a rgb(33,31,122)
```
#26258e
```
#26258e rgb(38,37,142)
```
#2c2aa3
```
#2c2aa3 rgb(44,42,163)
```
#312fb7
```
#312fb7 rgb(49,47,183)
```
#3735cb
```
#3735cb rgb(55,53,203)
```
#4b49d0
```
#4b49d0 rgb(75,73,208)
```
#5f5dd5
```
#5f5dd5 rgb(95,93,213)
```

Monochromatic Color

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

#2f4fb7
```
#2f4fb7 rgb(47,79,183)
```
#2f44b7
```
#2f44b7 rgb(47,68,183)
```
#2f38b7
```
#2f38b7 rgb(47,56,183)
```
#312fb7
```
#312fb7 rgb(49,47,183)
```
#3c2fb7
```
#3c2fb7 rgb(60,47,183)
```
#482fb7
```
#482fb7 rgb(72,47,183)
```
#532fb7
```
#532fb7 rgb(83,47,183)
```

Similar Colors

Text with hexadecimal color #312fb7

This text has a font color of #312fb7.

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

#312fb7 background color

This paragraph has a background color of #312fb7.

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

#312fb7 border color

This element has a border color of #312fb7.

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

CSS codes

.text {color:#312fb7;}

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

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

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

#03030b
```
#03030b rgb(3,3,11)
```
#07071b
```
#07071b rgb(7,7,27)
```
#0b0b2b
```
#0b0b2b rgb(11,11,43)
```
#100f3a
```
#100f3a rgb(16,15,58)
```
#14134a
```
#14134a rgb(20,19,74)
```
#181759
```
#181759 rgb(24,23,89)
```
#1c1b69
```
#1c1b69 rgb(28,27,105)
```
#201f79
```
#201f79 rgb(32,31,121)
```
#242388
```
#242388 rgb(36,35,136)
```
#292798
```
#292798 rgb(41,39,152)
```
#2d2ba7
```
#2d2ba7 rgb(45,43,167)
```
#312fb7
```
#312fb7 rgb(49,47,183)
```
#3533c7
```
#3533c7 rgb(53,51,199)
```

Shade Color Variation

#423fce
```
#423fce rgb(66,63,206)
```
#514fd2
```
#514fd2 rgb(81,79,210)
```
#605fd6
```
#605fd6 rgb(96,95,214)
```
#706eda
```
#706eda rgb(112,110,218)
```
#7f7ede
```
#7f7ede rgb(127,126,222)
```
#8f8de2
```
#8f8de2 rgb(143,141,226)
```
#9e9de6
```
#9e9de6 rgb(158,157,230)
```
#aeadea
```
#aeadea rgb(174,173,234)
```
#bdbcee
```
#bdbcee rgb(189,188,238)
```
#ccccf2
```
#ccccf2 rgb(204,204,242)
```
#dcdcf6
```
#dcdcf6 rgb(220,220,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, #6d6d79 is the less saturated color, while #0603e3 is the most saturated one.

#6d6d79
```
#6d6d79 rgb(109,109,121)
```
#656482
```
#656482 rgb(101,100,130)
```
#5c5b8b
```
#5c5b8b rgb(92,91,139)
```
#535294
```
#535294 rgb(83,82,148)
```
#4b4a9c
```
#4b4a9c rgb(75,74,156)
```
#4241a5
```
#4241a5 rgb(66,65,165)
```
#3a38ae
```
#3a38ae rgb(58,56,174)
```
#312fb7
```
#312fb7 rgb(49,47,183)
```
#2826c0
```
#2826c0 rgb(40,38,192)
```
#201dc9
```
#201dc9 rgb(32,29,201)
```
#1714d2
```
#1714d2 rgb(23,20,210)
```
#0f0cda
```
#0f0cda rgb(15,12,218)
```
#0603e3
```
#0603e3 rgb(6,3,227)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1142a2 Protanomaly 1% of men, 0.01% of women
#114595 Deuteranomaly 6% of men, 0.4% of women
#11487d Tritanomaly 0.01% of the population

#312fb7 hex color

#312fb7 Color Information

#312fb7 Color Conversion

Color Schemes with #312fb7

Alternatives to #312fb7

#312fb7 Preview

Shades and Tints of #312fb7

Tones of #312fb7

Color Blindness Simulator