#312273 hex color

In a RGB color space, hex #312273 is composed of 19.2% red, 13.3% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 70.4% magenta, 0% yellow and 54.9% black. It has a hue angle of 251.1 degrees, a saturation of 54.4% and a lightness of 29.2%. #312273 color hex could be obtained by blending #6244e6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 13
- B 45
RGB color chart
- C 57
- M 70
- Y 0
- K 55
CMYK color chart

● #312273 color description : Dark blue.

The hexadecimal color #312273 has RGB values of R:49, G:34, B:115 and CMYK values of C:0.57, M:0.7, Y:0, K:0.55. Its decimal value is 3220083.

Hex triplet	312273	`#312273`
RGB Decimal	49, 34, 115	`rgb(49,34,115)`
RGB Percent	19.2, 13.3, 45.1	`rgb(19.2%,13.3%,45.1%)`
CMYK	57, 70, 0, 55
HSL	251.1°, 54.4, 29.2	`hsl(251.1,54.4%,29.2%)`
HSV (or HSB)	251.1°, 70.4, 45.1
Web Safe	333366	`#333366`

CIE-LAB	20.182, 30.543, -44.341
XYZ	4.933, 3.035, 16.545
xyY	0.201, 0.124, 3.035
CIE-LCH	20.182, 53.842, 304.56
CIE-LUV	20.182, -0.186, -51.28
Hunter-Lab	17.42, 20.057, -44.115
Binary	00110001, 00100010, 01110011

#312273
```
#312273 rgb(49,34,115)
```
#647322
```
#647322 rgb(100,115,34)
```

Complementary Color

#223c73
```
#223c73 rgb(34,60,115)
```
#312273
```
#312273 rgb(49,34,115)
```
#5a2273
```
#5a2273 rgb(90,34,115)
```

Analogous Color

#3c7322
```
#3c7322 rgb(60,115,34)
```
#312273
```
#312273 rgb(49,34,115)
```
#735a22
```
#735a22 rgb(115,90,34)
```

Split Complementary Color

#227331
```
#227331 rgb(34,115,49)
```
#312273
```
#312273 rgb(49,34,115)
```
#733122
```
#733122 rgb(115,49,34)
```

Triadic Color

#226473
```
#226473 rgb(34,100,115)
```
#312273
```
#312273 rgb(49,34,115)
```
#733122
```
#733122 rgb(115,49,34)
```
#647322
```
#647322 rgb(100,115,34)
```

Tetradic Color

#181138
```
#181138 rgb(24,17,56)
```
#20164c
```
#20164c rgb(32,22,76)
```
#291c5f
```
#291c5f rgb(41,28,95)
```
#312273
```
#312273 rgb(49,34,115)
```
#392887
```
#392887 rgb(57,40,135)
```
#422e9a
```
#422e9a rgb(66,46,154)
```
#4a33ae
```
#4a33ae rgb(74,51,174)
```

Monochromatic Color

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

#222773
```
#222773 rgb(34,39,115)
```
#242273
```
#242273 rgb(36,34,115)
```
#2a2273
```
#2a2273 rgb(42,34,115)
```
#312273
```
#312273 rgb(49,34,115)
```
#382273
```
#382273 rgb(56,34,115)
```
#3f2273
```
#3f2273 rgb(63,34,115)
```
#452273
```
#452273 rgb(69,34,115)
```

Similar Colors

Text with hexadecimal color #312273

This text has a font color of #312273.

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

#312273 background color

This paragraph has a background color of #312273.

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

#312273 border color

This element has a border color of #312273.

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

CSS codes

.text {color:#312273;}

.background {background-color:#312273;}

.border {border:1px solid #312273;}

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, #040309 is the darkest color, while #faf9fd is the lightest one.

#040309
```
#040309 rgb(4,3,9)
```
#0a0718
```
#0a0718 rgb(10,7,24)
```
#110c27
```
#110c27 rgb(17,12,39)
```
#171036
```
#171036 rgb(23,16,54)
```
#1e1546
```
#1e1546 rgb(30,21,70)
```
#241955
```
#241955 rgb(36,25,85)
```
#2b1e64
```
#2b1e64 rgb(43,30,100)
```
#312273
```
#312273 rgb(49,34,115)
```
#372682
```
#372682 rgb(55,38,130)
```
#3e2b91
```
#3e2b91 rgb(62,43,145)
```
#442fa0
```
#442fa0 rgb(68,47,160)
```
#4b34b0
```
#4b34b0 rgb(75,52,176)
```
#5138bf
```
#5138bf rgb(81,56,191)
```

Shade Color Variation

#5c43c7
```
#5c43c7 rgb(92,67,199)
```
#6952cc
```
#6952cc rgb(105,82,204)
```
#7661d0
```
#7661d0 rgb(118,97,208)
```
#8371d5
```
#8371d5 rgb(131,113,213)
```
#9080d9
```
#9080d9 rgb(144,128,217)
```
#9e8fde
```
#9e8fde rgb(158,143,222)
```
#ab9ee2
```
#ab9ee2 rgb(171,158,226)
```
#b8ade7
```
#b8ade7 rgb(184,173,231)
```
#c5bceb
```
#c5bceb rgb(197,188,235)
```
#d2cbf0
```
#d2cbf0 rgb(210,203,240)
```
#dfdbf4
```
#dfdbf4 rgb(223,219,244)
```
#edeaf9
```
#edeaf9 rgb(237,234,249)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4a4b is the less saturated color, while #1f0590 is the most saturated one.

#4a4a4b
```
#4a4a4b rgb(74,74,75)
```
#474451
```
#474451 rgb(71,68,81)
```
#433f56
```
#433f56 rgb(67,63,86)
```
#3f395c
```
#3f395c rgb(63,57,92)
```
#3c3362
```
#3c3362 rgb(60,51,98)
```
#382d68
```
#382d68 rgb(56,45,104)
```
#35286d
```
#35286d rgb(53,40,109)
```
#312273
```
#312273 rgb(49,34,115)
```
#2d1c79
```
#2d1c79 rgb(45,28,121)
```
#2a177e
```
#2a177e rgb(42,23,126)
```
#261184
```
#261184 rgb(38,17,132)
```
#230b8a
```
#230b8a rgb(35,11,138)
```
#1f0590
```
#1f0590 rgb(31,5,144)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#302d3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003970 Protanopia 1% of men
#003c62 Deuteranopia 1% of men
#223f44 Tritanopia 0.001% of the population

Trichromacy

#113171 Protanomaly 1% of men, 0.01% of women
#113368 Deuteranomaly 6% of men, 0.4% of women
#273455 Tritanomaly 0.01% of the population

#312273 hex color

#312273 Color Information

#312273 Color Conversion

Color Schemes with #312273

Alternatives to #312273

#312273 Preview

Shades and Tints of #312273

Tones of #312273

Color Blindness Simulator