#31347c hex color

In a RGB color space, hex #31347c is composed of 19.2% red, 20.4% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 58.1% magenta, 0% yellow and 51.4% black. It has a hue angle of 237.6 degrees, a saturation of 43.4% and a lightness of 33.9%. #31347c color hex could be obtained by blending #6268f8 with #000000. Closest websafe color is: #333366.

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

● #31347c color description : Dark moderate blue.

The hexadecimal color #31347c has RGB values of R:49, G:52, B:124 and CMYK values of C:0.6, M:0.58, Y:0, K:0.51. Its decimal value is 3224700.

Hex triplet	31347c	`#31347c`
RGB Decimal	49, 52, 124	`rgb(49,52,124)`
RGB Percent	19.2, 20.4, 48.6	`rgb(19.2%,20.4%,48.6%)`
CMYK	60, 58, 0, 51
HSL	237.6°, 43.4, 33.9	`hsl(237.6,43.4%,33.9%)`
HSV (or HSB)	237.6°, 60.5, 48.6
Web Safe	333366	`#333366`

CIE-LAB	25.454, 21.852, -41.502
XYZ	6.132, 4.564, 19.625
xyY	0.202, 0.151, 4.564
CIE-LCH	25.454, 46.904, 297.769
CIE-LUV	25.454, -4.654, -53.137
Hunter-Lab	21.363, 13.85, -39.513
Binary	00110001, 00110100, 01111100

#31347c
```
#31347c rgb(49,52,124)
```
#7c7931
```
#7c7931 rgb(124,121,49)
```

Complementary Color

#31597c
```
#31597c rgb(49,89,124)
```
#31347c
```
#31347c rgb(49,52,124)
```
#54317c
```
#54317c rgb(84,49,124)
```

Analogous Color

#5a7c31
```
#5a7c31 rgb(90,124,49)
```
#31347c
```
#31347c rgb(49,52,124)
```
#7c5431
```
#7c5431 rgb(124,84,49)
```

Split Complementary Color

#347c31
```
#347c31 rgb(52,124,49)
```
#31347c
```
#31347c rgb(49,52,124)
```
#7c3134
```
#7c3134 rgb(124,49,52)
```

Triadic Color

#317c79
```
#317c79 rgb(49,124,121)
```
#31347c
```
#31347c rgb(49,52,124)
```
#7c3134
```
#7c3134 rgb(124,49,52)
```
#7c7931
```
#7c7931 rgb(124,121,49)
```

Tetradic Color

#1b1d45
```
#1b1d45 rgb(27,29,69)
```
#232557
```
#232557 rgb(35,37,87)
```
#2a2c6a
```
#2a2c6a rgb(42,44,106)
```
#31347c
```
#31347c rgb(49,52,124)
```
#383c8e
```
#383c8e rgb(56,60,142)
```
#3f43a1
```
#3f43a1 rgb(63,67,161)
```
#474bb3
```
#474bb3 rgb(71,75,179)
```

Monochromatic Color

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

#31477c
```
#31477c rgb(49,71,124)
```
#31417c
```
#31417c rgb(49,65,124)
```
#313a7c
```
#313a7c rgb(49,58,124)
```
#31347c
```
#31347c rgb(49,52,124)
```
#34317c
```
#34317c rgb(52,49,124)
```
#3b317c
```
#3b317c rgb(59,49,124)
```
#41317c
```
#41317c rgb(65,49,124)
```

Similar Colors

Text with hexadecimal color #31347c

This text has a font color of #31347c.

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

#31347c background color

This paragraph has a background color of #31347c.

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

#31347c border color

This element has a border color of #31347c.

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

CSS codes

.text {color:#31347c;}

.background {background-color:#31347c;}

.border {border:1px solid #31347c;}

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

#05050c
```
#05050c rgb(5,5,12)
```
#0a0b1a
```
#0a0b1a rgb(10,11,26)
```
#101128
```
#101128 rgb(16,17,40)
```
#151736
```
#151736 rgb(21,23,54)
```
#1b1c44
```
#1b1c44 rgb(27,28,68)
```
#202252
```
#202252 rgb(32,34,82)
```
#262860
```
#262860 rgb(38,40,96)
```
#2b2e6e
```
#2b2e6e rgb(43,46,110)
```
#31347c
```
#31347c rgb(49,52,124)
```
#373a8a
```
#373a8a rgb(55,58,138)
```
#3c4098
```
#3c4098 rgb(60,64,152)
```
#4246a6
```
#4246a6 rgb(66,70,166)
```
#474cb4
```
#474cb4 rgb(71,76,180)
```

Shade Color Variation

#5458bb
```
#5458bb rgb(84,88,187)
```
#6266c1
```
#6266c1 rgb(98,102,193)
```
#7073c6
```
#7073c6 rgb(112,115,198)
```
#7e81cc
```
#7e81cc rgb(126,129,204)
```
#8c8fd2
```
#8c8fd2 rgb(140,143,210)
```
#9a9cd7
```
#9a9cd7 rgb(154,156,215)
```
#a8aadd
```
#a8aadd rgb(168,170,221)
```
#b6b8e2
```
#b6b8e2 rgb(182,184,226)
```
#c4c6e8
```
#c4c6e8 rgb(196,198,232)
```
#d2d3ed
```
#d2d3ed rgb(210,211,237)
```
#e0e1f3
```
#e0e1f3 rgb(224,225,243)
```
#eeeff8
```
#eeeff8 rgb(238,239,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52535b is the less saturated color, while #0209ab is the most saturated one.

#52535b
```
#52535b rgb(82,83,91)
```
#4c4c61
```
#4c4c61 rgb(76,76,97)
```
#454668
```
#454668 rgb(69,70,104)
```
#3e406f
```
#3e406f rgb(62,64,111)
```
#383a75
```
#383a75 rgb(56,58,117)
```
#31347c
```
#31347c rgb(49,52,124)
```
#2a2e83
```
#2a2e83 rgb(42,46,131)
```
#242889
```
#242889 rgb(36,40,137)
```
#1d2290
```
#1d2290 rgb(29,34,144)
```
#161c97
```
#161c97 rgb(22,28,151)
```
#10159d
```
#10159d rgb(16,21,157)
```
#090fa4
```
#090fa4 rgb(9,15,164)
```
#0209ab
```
#0209ab rgb(2,9,171)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004486 Protanopia 1% of men
#004776 Deuteranopia 1% of men
#1f4c51 Tritanopia 0.001% of the population

Trichromacy

#113e82 Protanomaly 1% of men, 0.01% of women
#114078 Deuteranomaly 6% of men, 0.4% of women
#264361 Tritanomaly 0.01% of the population

#31347c hex color

#31347c Color Information

#31347c Color Conversion

Color Schemes with #31347c

Alternatives to #31347c

#31347c Preview

Shades and Tints of #31347c

Tones of #31347c

Color Blindness Simulator