#31346a hex color

In a RGB color space, hex #31346a is composed of 19.2% red, 20.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 50.9% magenta, 0% yellow and 58.4% black. It has a hue angle of 236.8 degrees, a saturation of 36.8% and a lightness of 30.4%. #31346a color hex could be obtained by blending #6268d4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 20
- B 42
RGB color chart
- C 54
- M 51
- Y 0
- K 58
CMYK color chart

● #31346a color description : Very dark desaturated blue.

The hexadecimal color #31346a has RGB values of R:49, G:52, B:106 and CMYK values of C:0.54, M:0.51, Y:0, K:0.58. Its decimal value is 3224682.

Hex triplet	31346a	`#31346a`
RGB Decimal	49, 52, 106	`rgb(49,52,106)`
RGB Percent	19.2, 20.4, 41.6	`rgb(19.2%,20.4%,41.6%)`
CMYK	54, 51, 0, 58
HSL	236.8°, 36.8, 30.4	`hsl(236.8,36.8%,30.4%)`
HSV (or HSB)	236.8°, 53.8, 41.6
Web Safe	333366	`#333366`

CIE-LAB	24.159, 15.434, -32.106
XYZ	5.096, 4.149, 14.167
xyY	0.218, 0.177, 4.149
CIE-LCH	24.159, 35.623, 295.674
CIE-LUV	24.159, -3.854, -40.308
Hunter-Lab	20.37, 9.005, -26.977
Binary	00110001, 00110100, 01101010

#31346a
```
#31346a rgb(49,52,106)
```
#6a6731
```
#6a6731 rgb(106,103,49)
```

Complementary Color

#31516a
```
#31516a rgb(49,81,106)
```
#31346a
```
#31346a rgb(49,52,106)
```
#4b316a
```
#4b316a rgb(75,49,106)
```

Analogous Color

#516a31
```
#516a31 rgb(81,106,49)
```
#31346a
```
#31346a rgb(49,52,106)
```
#6a4b31
```
#6a4b31 rgb(106,75,49)
```

Split Complementary Color

#346a31
```
#346a31 rgb(52,106,49)
```
#31346a
```
#31346a rgb(49,52,106)
```
#6a3134
```
#6a3134 rgb(106,49,52)
```

Triadic Color

#316a67
```
#316a67 rgb(49,106,103)
```
#31346a
```
#31346a rgb(49,52,106)
```
#6a3134
```
#6a3134 rgb(106,49,52)
```
#6a6731
```
#6a6731 rgb(106,103,49)
```

Tetradic Color

#191a36
```
#191a36 rgb(25,26,54)
```
#212347
```
#212347 rgb(33,35,71)
```
#292b59
```
#292b59 rgb(41,43,89)
```
#31346a
```
#31346a rgb(49,52,106)
```
#393d7b
```
#393d7b rgb(57,61,123)
```
#41458d
```
#41458d rgb(65,69,141)
```
#494e9e
```
#494e9e rgb(73,78,158)
```

Monochromatic Color

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

#31426a
```
#31426a rgb(49,66,106)
```
#313e6a
```
#313e6a rgb(49,62,106)
```
#31396a
```
#31396a rgb(49,57,106)
```
#31346a
```
#31346a rgb(49,52,106)
```
#33316a
```
#33316a rgb(51,49,106)
```
#38316a
```
#38316a rgb(56,49,106)
```
#3c316a
```
#3c316a rgb(60,49,106)
```

Similar Colors

Text with hexadecimal color #31346a

This text has a font color of #31346a.

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

#31346a background color

This paragraph has a background color of #31346a.

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

#31346a border color

This element has a border color of #31346a.

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

CSS codes

.text {color:#31346a;}

.background {background-color:#31346a;}

.border {border:1px solid #31346a;}

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, #06060c is the darkest color, while #fefefe is the lightest one.

#06060c
```
#06060c rgb(6,6,12)
```
#0c0d1a
```
#0c0d1a rgb(12,13,26)
```
#121327
```
#121327 rgb(18,19,39)
```
#181a34
```
#181a34 rgb(24,26,52)
```
#1e2042
```
#1e2042 rgb(30,32,66)
```
#25274f
```
#25274f rgb(37,39,79)
```
#2b2d5d
```
#2b2d5d rgb(43,45,93)
```
#31346a
```
#31346a rgb(49,52,106)
```
#373b77
```
#373b77 rgb(55,59,119)
```
#3d4185
```
#3d4185 rgb(61,65,133)
```
#444892
```
#444892 rgb(68,72,146)
```
#4a4ea0
```
#4a4ea0 rgb(74,78,160)
```
#5055ad
```
#5055ad rgb(80,85,173)
```

Shade Color Variation

#5d61b4
```
#5d61b4 rgb(93,97,180)
```
#6a6eba
```
#6a6eba rgb(106,110,186)
```
#787bc0
```
#787bc0 rgb(120,123,192)
```
#8588c7
```
#8588c7 rgb(133,136,199)
```
#9295cd
```
#9295cd rgb(146,149,205)
```
#a0a2d3
```
#a0a2d3 rgb(160,162,211)
```
#adb0d9
```
#adb0d9 rgb(173,176,217)
```
#bbbddf
```
#bbbddf rgb(187,189,223)
```
#c8cae6
```
#c8cae6 rgb(200,202,230)
```
#d5d7ec
```
#d5d7ec rgb(213,215,236)
```
#e3e4f2
```
#e3e4f2 rgb(227,228,242)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#494952
```
#494952 rgb(73,73,82)
```
#434458
```
#434458 rgb(67,68,88)
```
#3d3f5e
```
#3d3f5e rgb(61,63,94)
```
#373964
```
#373964 rgb(55,57,100)
```
#31346a
```
#31346a rgb(49,52,106)
```
#2b2f70
```
#2b2f70 rgb(43,47,112)
```
#252976
```
#252976 rgb(37,41,118)
```
#1f247c
```
#1f247c rgb(31,36,124)
```
#191f82
```
#191f82 rgb(25,31,130)
```
#131988
```
#131988 rgb(19,25,136)
```
#0d148e
```
#0d148e rgb(13,20,142)
```
#070f94
```
#070f94 rgb(7,15,148)
```
#01099a
```
#01099a rgb(1,9,154)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373843 Atypical Achromatopsia 0.001% of the population

Dichromacy

#274274 Protanopia 1% of men
#1c446f Deuteranopia 1% of men
#2c474d Tritanopia 0.001% of the population

Trichromacy

#2b3c70 Protanomaly 1% of men, 0.01% of women
#233e6d Deuteranomaly 6% of men, 0.4% of women
#2e4057 Tritanomaly 0.01% of the population

#31346a hex color

#31346a Color Information

#31346a Color Conversion

Color Schemes with #31346a

Alternatives to #31346a

#31346a Preview

Shades and Tints of #31346a

Tones of #31346a

Color Blindness Simulator