#31318f hex color

In a RGB color space, hex #31318f is composed of 19.2% red, 19.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 65.7% magenta, 0% yellow and 43.9% black. It has a hue angle of 240 degrees, a saturation of 49% and a lightness of 37.6%. #31318f color hex could be obtained by blending #6262ff with #00001f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 19
- B 56
RGB color chart
- C 66
- M 66
- Y 0
- K 44
CMYK color chart

● #31318f color description : Dark moderate blue.

The hexadecimal color #31318f has RGB values of R:49, G:49, B:143 and CMYK values of C:0.66, M:0.66, Y:0, K:0.44. Its decimal value is 3223951.

Hex triplet	31318f	`#31318f`
RGB Decimal	49, 49, 143	`rgb(49,49,143)`
RGB Percent	19.2, 19.2, 56.1	`rgb(19.2%,19.2%,56.1%)`
CMYK	66, 66, 0, 44
HSL	240°, 49, 37.6	`hsl(240,49%,37.6%)`
HSV (or HSB)	240°, 65.7, 56.1
Web Safe	333399	`#333399`

CIE-LAB	26.252, 30.628, -52.072
XYZ	7.322, 4.832, 26.532
xyY	0.189, 0.125, 4.832
CIE-LCH	26.252, 60.412, 300.463
CIE-LUV	26.252, -4.815, -66.718
Hunter-Lab	21.983, 20.984, -56.172
Binary	00110001, 00110001, 10001111

#31318f
```
#31318f rgb(49,49,143)
```
#8f8f31
```
#8f8f31 rgb(143,143,49)
```

Complementary Color

#31608f
```
#31608f rgb(49,96,143)
```
#31318f
```
#31318f rgb(49,49,143)
```
#60318f
```
#60318f rgb(96,49,143)
```

Analogous Color

#608f31
```
#608f31 rgb(96,143,49)
```
#31318f
```
#31318f rgb(49,49,143)
```
#8f6031
```
#8f6031 rgb(143,96,49)
```

Split Complementary Color

#318f31
```
#318f31 rgb(49,143,49)
```
#31318f
```
#31318f rgb(49,49,143)
```
#8f3131
```
#8f3131 rgb(143,49,49)
```

Triadic Color

#318f8f
```
#318f8f rgb(49,143,143)
```
#31318f
```
#31318f rgb(49,49,143)
```
#8f3131
```
#8f3131 rgb(143,49,49)
```
#8f8f31
```
#8f8f31 rgb(143,143,49)
```

Tetradic Color

#1d1d56
```
#1d1d56 rgb(29,29,86)
```
#242469
```
#242469 rgb(36,36,105)
```
#2a2a7c
```
#2a2a7c rgb(42,42,124)
```
#31318f
```
#31318f rgb(49,49,143)
```
#3838a2
```
#3838a2 rgb(56,56,162)
```
#3e3eb5
```
#3e3eb5 rgb(62,62,181)
```
#4b4bc1
```
#4b4bc1 rgb(75,75,193)
```

Monochromatic Color

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

#31498f
```
#31498f rgb(49,73,143)
```
#31418f
```
#31418f rgb(49,65,143)
```
#31398f
```
#31398f rgb(49,57,143)
```
#31318f
```
#31318f rgb(49,49,143)
```
#39318f
```
#39318f rgb(57,49,143)
```
#41318f
```
#41318f rgb(65,49,143)
```
#49318f
```
#49318f rgb(73,49,143)
```

Similar Colors

Text with hexadecimal color #31318f

This text has a font color of #31318f.

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

#31318f background color

This paragraph has a background color of #31318f.

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

#31318f border color

This element has a border color of #31318f.

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

CSS codes

.text {color:#31318f;}

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

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

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

#04040c
```
#04040c rgb(4,4,12)
```
#09091a
```
#09091a rgb(9,9,26)
```
#0e0e29
```
#0e0e29 rgb(14,14,41)
```
#131337
```
#131337 rgb(19,19,55)
```
#181846
```
#181846 rgb(24,24,70)
```
#1d1d55
```
#1d1d55 rgb(29,29,85)
```
#222263
```
#222263 rgb(34,34,99)
```
#272772
```
#272772 rgb(39,39,114)
```
#2c2c80
```
#2c2c80 rgb(44,44,128)
```
#31318f
```
#31318f rgb(49,49,143)
```
#36369e
```
#36369e rgb(54,54,158)
```
#3b3bac
```
#3b3bac rgb(59,59,172)
```
#4040bb
```
#4040bb rgb(64,64,187)
```

Shade Color Variation

#4d4dc2
```
#4d4dc2 rgb(77,77,194)
```
#5b5bc7
```
#5b5bc7 rgb(91,91,199)
```
#6a6acc
```
#6a6acc rgb(106,106,204)
```
#7878d1
```
#7878d1 rgb(120,120,209)
```
#8787d6
```
#8787d6 rgb(135,135,214)
```
#9696db
```
#9696db rgb(150,150,219)
```
#a4a4e0
```
#a4a4e0 rgb(164,164,224)
```
#b3b3e5
```
#b3b3e5 rgb(179,179,229)
```
#c1c1ea
```
#c1c1ea rgb(193,193,234)
```
#d0d0ef
```
#d0d0ef rgb(208,208,239)
```
#dfdff4
```
#dfdff4 rgb(223,223,244)
```
#ededf9
```
#ededf9 rgb(237,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#5d5d63
```
#5d5d63 rgb(93,93,99)
```
#56566a
```
#56566a rgb(86,86,106)
```
#4f4f71
```
#4f4f71 rgb(79,79,113)
```
#474779
```
#474779 rgb(71,71,121)
```
#404080
```
#404080 rgb(64,64,128)
```
#383888
```
#383888 rgb(56,56,136)
```
#31318f
```
#31318f rgb(49,49,143)
```
#2a2a96
```
#2a2a96 rgb(42,42,150)
```
#22229e
```
#22229e rgb(34,34,158)
```
#1b1ba5
```
#1b1ba5 rgb(27,27,165)
```
#1313ad
```
#1313ad rgb(19,19,173)
```
#0c0cb4
```
#0c0cb4 rgb(12,12,180)
```
#0505bb
```
#0505bb rgb(5,5,187)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3a4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004688 Protanopia 1% of men
#004977 Deuteranopia 1% of men
#004f54 Tritanopia 0.001% of the population

Trichromacy

#113e8b Protanomaly 1% of men, 0.01% of women
#114080 Deuteranomaly 6% of men, 0.4% of women
#114469 Tritanomaly 0.01% of the population

#31318f hex color

#31318f Color Information

#31318f Color Conversion

Color Schemes with #31318f

Alternatives to #31318f

#31318f Preview

Shades and Tints of #31318f

Tones of #31318f

Color Blindness Simulator