#31349f hex color

In a RGB color space, hex #31349f is composed of 19.2% red, 20.4% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 67.3% magenta, 0% yellow and 37.6% black. It has a hue angle of 238.4 degrees, a saturation of 52.9% and a lightness of 40.8%. #31349f color hex could be obtained by blending #6268ff with #00003f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 20
- B 62
RGB color chart
- C 69
- M 67
- Y 0
- K 38
CMYK color chart

● #31349f color description : Dark moderate blue.

The hexadecimal color #31349f has RGB values of R:49, G:52, B:159 and CMYK values of C:0.69, M:0.67, Y:0, K:0.38. Its decimal value is 3224735.

Hex triplet	31349f	`#31349f`
RGB Decimal	49, 52, 159	`rgb(49,52,159)`
RGB Percent	19.2, 20.4, 62.4	`rgb(19.2%,20.4%,62.4%)`
CMYK	69, 67, 0, 38
HSL	238.4°, 52.9, 40.8	`hsl(238.4,52.9%,40.8%)`
HSV (or HSB)	238.4°, 69.2, 62.4
Web Safe	333399	`#333399`

CIE-LAB	28.411, 34.352, -58.341
XYZ	8.751, 5.612, 33.421
xyY	0.183, 0.117, 5.612
CIE-LCH	28.411, 67.704, 300.49
CIE-LUV	28.411, -6.147, -76.42
Hunter-Lab	23.689, 24.487, -67.065
Binary	00110001, 00110100, 10011111

#31349f
```
#31349f rgb(49,52,159)
```
#9f9c31
```
#9f9c31 rgb(159,156,49)
```

Complementary Color

#316b9f
```
#316b9f rgb(49,107,159)
```
#31349f
```
#31349f rgb(49,52,159)
```
#65319f
```
#65319f rgb(101,49,159)
```

Analogous Color

#6b9f31
```
#6b9f31 rgb(107,159,49)
```
#31349f
```
#31349f rgb(49,52,159)
```
#9f6531
```
#9f6531 rgb(159,101,49)
```

Split Complementary Color

#349f31
```
#349f31 rgb(52,159,49)
```
#31349f
```
#31349f rgb(49,52,159)
```
#9f3134
```
#9f3134 rgb(159,49,52)
```

Triadic Color

#319f9c
```
#319f9c rgb(49,159,156)
```
#31349f
```
#31349f rgb(49,52,159)
```
#9f3134
```
#9f3134 rgb(159,49,52)
```
#9f9c31
```
#9f9c31 rgb(159,156,49)
```

Tetradic Color

#1f2165
```
#1f2165 rgb(31,33,101)
```
#252778
```
#252778 rgb(37,39,120)
```
#2b2e8c
```
#2b2e8c rgb(43,46,140)
```
#31349f
```
#31349f rgb(49,52,159)
```
#373ab2
```
#373ab2 rgb(55,58,178)
```
#3f43c4
```
#3f43c4 rgb(63,67,196)
```
#5356ca
```
#5356ca rgb(83,86,202)
```

Monochromatic Color

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

#31509f
```
#31509f rgb(49,80,159)
```
#31469f
```
#31469f rgb(49,70,159)
```
#313d9f
```
#313d9f rgb(49,61,159)
```
#31349f
```
#31349f rgb(49,52,159)
```
#37319f
```
#37319f rgb(55,49,159)
```
#40319f
```
#40319f rgb(64,49,159)
```
#49319f
```
#49319f rgb(73,49,159)
```

Similar Colors

Text with hexadecimal color #31349f

This text has a font color of #31349f.

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

#31349f background color

This paragraph has a background color of #31349f.

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

#31349f border color

This element has a border color of #31349f.

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

CSS codes

.text {color:#31349f;}

.background {background-color:#31349f;}

.border {border:1px solid #31349f;}

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

#030309
```
#030309 rgb(3,3,9)
```
#070818
```
#070818 rgb(7,8,24)
```
#0c0d27
```
#0c0d27 rgb(12,13,39)
```
#111236
```
#111236 rgb(17,18,54)
```
#151745
```
#151745 rgb(21,23,69)
```
#1a1b54
```
#1a1b54 rgb(26,27,84)
```
#1f2063
```
#1f2063 rgb(31,32,99)
```
#232572
```
#232572 rgb(35,37,114)
```
#282a81
```
#282a81 rgb(40,42,129)
```
#2c2f90
```
#2c2f90 rgb(44,47,144)
```
#31349f
```
#31349f rgb(49,52,159)
```
#3639ae
```
#3639ae rgb(54,57,174)
```
#3a3ebd
```
#3a3ebd rgb(58,62,189)
```

Shade Color Variation

#4549c6
```
#4549c6 rgb(69,73,198)
```
#5457ca
```
#5457ca rgb(84,87,202)
```
#6366cf
```
#6366cf rgb(99,102,207)
```
#7275d4
```
#7275d4 rgb(114,117,212)
```
#8183d8
```
#8183d8 rgb(129,131,216)
```
#9092dd
```
#9092dd rgb(144,146,221)
```
#9fa1e1
```
#9fa1e1 rgb(159,161,225)
```
#aeb0e6
```
#aeb0e6 rgb(174,176,230)
```
#bdbeeb
```
#bdbeeb rgb(189,190,235)
```
#cccdef
```
#cccdef rgb(204,205,239)
```
#dbdcf4
```
#dbdcf4 rgb(219,220,244)
```
#eaeaf9
```
#eaeaf9 rgb(234,234,249)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61616f is the less saturated color, while #0107cf is the most saturated one.

#61616f
```
#61616f rgb(97,97,111)
```
#595a77
```
#595a77 rgb(89,90,119)
```
#51527f
```
#51527f rgb(81,82,127)
```
#494b87
```
#494b87 rgb(73,75,135)
```
#41438f
```
#41438f rgb(65,67,143)
```
#393c97
```
#393c97 rgb(57,60,151)
```
#31349f
```
#31349f rgb(49,52,159)
```
#292ca7
```
#292ca7 rgb(41,44,167)
```
#2125af
```
#2125af rgb(33,37,175)
```
#191db7
```
#191db7 rgb(25,29,183)
```
#1116bf
```
#1116bf rgb(17,22,191)
```
#090ec7
```
#090ec7 rgb(9,14,199)
```
#0107cf
```
#0107cf rgb(1,7,207)
```

Tone Color Variation

Below, you can see how #31349f 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
#3c3d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a91 Protanopia 1% of men
#004e7e Deuteranopia 1% of men
#005459 Tritanopia 0.001% of the population

Trichromacy

#114296 Protanomaly 1% of men, 0.01% of women
#11458a Deuteranomaly 6% of men, 0.4% of women
#114872 Tritanomaly 0.01% of the population

#31349f hex color

#31349f Color Information

#31349f Color Conversion

Color Schemes with #31349f

Alternatives to #31349f

#31349f Preview

Shades and Tints of #31349f

Tones of #31349f

Color Blindness Simulator