colorhexa.com

#312293 hex color

In a RGB color space, hex #312293 is composed of 19.2% red, 13.3% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 76.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 248 degrees, a saturation of 62.4% and a lightness of 35.5%. #312293 color hex could be obtained by blending #6244ff with #000027. Closest websafe color is: #333399.

- R 19
- G 13
- B 58
RGB color chart
- C 67
- M 77
- Y 0
- K 42
CMYK color chart

● #312293 color description : Dark blue.

The hexadecimal color #312293 has RGB values of R:49, G:34, B:147 and CMYK values of C:0.67, M:0.77, Y:0, K:0.42. Its decimal value is 3220115.

Hex triplet	312293	`#312293`
RGB Decimal	49, 34, 147	`rgb(49,34,147)`
RGB Percent	19.2, 13.3, 57.6	`rgb(19.2%,13.3%,57.6%)`
CMYK	67, 77, 0, 42
HSL	248°, 62.4, 35.5	`hsl(248,62.4%,35.5%)`
HSV (or HSB)	248°, 76.9, 57.6
Web Safe	333399	`#333399`

CIE-LAB	23.349, 41.009, -59.311
XYZ	7.104, 3.903, 27.981
xyY	0.182, 0.1, 3.903
CIE-LCH	23.349, 72.108, 304.661
CIE-LUV	23.349, -2.394, -70.879
Hunter-Lab	19.757, 29.61, -70.142
Binary	00110001, 00100010, 10010011

#312293
```
#312293 rgb(49,34,147)
```
#849322
```
#849322 rgb(132,147,34)
```

Complementary Color

#224c93
```
#224c93 rgb(34,76,147)
```
#312293
```
#312293 rgb(49,34,147)
```
#6a2293
```
#6a2293 rgb(106,34,147)
```

Analogous Color

#4c9322
```
#4c9322 rgb(76,147,34)
```
#312293
```
#312293 rgb(49,34,147)
```
#936a22
```
#936a22 rgb(147,106,34)
```

Split Complementary Color

#229331
```
#229331 rgb(34,147,49)
```
#312293
```
#312293 rgb(49,34,147)
```
#933122
```
#933122 rgb(147,49,34)
```

Triadic Color

#228493
```
#228493 rgb(34,132,147)
```
#312293
```
#312293 rgb(49,34,147)
```
#933122
```
#933122 rgb(147,49,34)
```
#849322
```
#849322 rgb(132,147,34)
```

Tetradic Color

#1c1455
```
#1c1455 rgb(28,20,85)
```
#23186a
```
#23186a rgb(35,24,106)
```
#2a1d7e
```
#2a1d7e rgb(42,29,126)
```
#312293
```
#312293 rgb(49,34,147)
```
#3827a8
```
#3827a8 rgb(56,39,168)
```
#3f2cbc
```
#3f2cbc rgb(63,44,188)
```
#4732d0
```
#4732d0 rgb(71,50,208)
```

Monochromatic Color

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

#222f93
```
#222f93 rgb(34,47,147)
```
#222693
```
#222693 rgb(34,38,147)
```
#282293
```
#282293 rgb(40,34,147)
```
#312293
```
#312293 rgb(49,34,147)
```
#3a2293
```
#3a2293 rgb(58,34,147)
```
#442293
```
#442293 rgb(68,34,147)
```
#4d2293
```
#4d2293 rgb(77,34,147)
```

Similar Colors

Text with hexadecimal color #312293

This text has a font color of #312293.

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

#312293 background color

This paragraph has a background color of #312293.

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

#312293 border color

This element has a border color of #312293.

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

CSS codes

.text {color:#312293;}

.background {background-color:#312293;}

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

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

#010104
```
#010104 rgb(1,1,4)
```
#070514
```
#070514 rgb(7,5,20)
```
#0c0823
```
#0c0823 rgb(12,8,35)
```
#110c33
```
#110c33 rgb(17,12,51)
```
#161043
```
#161043 rgb(22,16,67)
```
#1c1353
```
#1c1353 rgb(28,19,83)
```
#211763
```
#211763 rgb(33,23,99)
```
#261b73
```
#261b73 rgb(38,27,115)
```
#2c1e83
```
#2c1e83 rgb(44,30,131)
```
#312293
```
#312293 rgb(49,34,147)
```
#3626a3
```
#3626a3 rgb(54,38,163)
```
#3c29b3
```
#3c29b3 rgb(60,41,179)
```
#412dc3
```
#412dc3 rgb(65,45,195)
```

Shade Color Variation

#4834d0
```
#4834d0 rgb(72,52,208)
```
#5743d4
```
#5743d4 rgb(87,67,212)
```
#6553d7
```
#6553d7 rgb(101,83,215)
```
#7363db
```
#7363db rgb(115,99,219)
```
#8273df
```
#8273df rgb(130,115,223)
```
#9083e2
```
#9083e2 rgb(144,131,226)
```
#9e93e6
```
#9e93e6 rgb(158,147,230)
```
#aca3ea
```
#aca3ea rgb(172,163,234)
```
#bbb3ed
```
#bbb3ed rgb(187,179,237)
```
#c9c3f1
```
#c9c3f1 rgb(201,195,241)
```
#d7d3f5
```
#d7d3f5 rgb(215,211,245)
```
#e6e3f8
```
#e6e3f8 rgb(230,227,248)
```
#f4f3fc
```
#f4f3fc rgb(244,243,252)
```

Tint Color Variation

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

#5a5a5b
```
#5a5a5b rgb(90,90,91)
```
#555362
```
#555362 rgb(85,83,98)
```
#504c69
```
#504c69 rgb(80,76,105)
```
#4b4570
```
#4b4570 rgb(75,69,112)
```
#453e77
```
#453e77 rgb(69,62,119)
```
#40377e
```
#40377e rgb(64,55,126)
```
#3b3085
```
#3b3085 rgb(59,48,133)
```
#36298c
```
#36298c rgb(54,41,140)
```
#312293
```
#312293 rgb(49,34,147)
```
#2c1b9a
```
#2c1b9a rgb(44,27,154)
```
#2714a1
```
#2714a1 rgb(39,20,161)
```
#220da8
```
#220da8 rgb(34,13,168)
```
#1d06af
```
#1d06af rgb(29,6,175)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#333046 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407c Protanopia 1% of men
#00436c Deuteranopia 1% of men
#00484d Tritanopia 0.001% of the population

Trichromacy

#113584 Protanomaly 1% of men, 0.01% of women
#11377a Deuteranomaly 6% of men, 0.4% of women
#113a66 Tritanomaly 0.01% of the population