#31418a hex color

In a RGB color space, hex #31418a is composed of 19.2% red, 25.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 52.9% magenta, 0% yellow and 45.9% black. It has a hue angle of 229.2 degrees, a saturation of 47.6% and a lightness of 36.7%. #31418a color hex could be obtained by blending #6282ff with #000015. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 25
- B 54
RGB color chart
- C 64
- M 53
- Y 0
- K 46
CMYK color chart

● #31418a color description : Dark moderate blue.

The hexadecimal color #31418a has RGB values of R:49, G:65, B:138 and CMYK values of C:0.64, M:0.53, Y:0, K:0.46. Its decimal value is 3228042.

Hex triplet	31418a	`#31418a`
RGB Decimal	49, 65, 138	`rgb(49,65,138)`
RGB Percent	19.2, 25.5, 54.1	`rgb(19.2%,25.5%,54.1%)`
CMYK	64, 53, 0, 46
HSL	229.2°, 47.6, 36.7	`hsl(229.2,47.6%,36.7%)`
HSV (or HSB)	229.2°, 64.5, 54.1
Web Safe	333399	`#333399`

CIE-LAB	30.079, 18.138, -42.768
XYZ	7.743, 6.268, 24.845
xyY	0.199, 0.161, 6.268
CIE-LCH	30.079, 46.455, 292.981
CIE-LUV	30.079, -8.663, -58.011
Hunter-Lab	25.036, 11.395, -41.312
Binary	00110001, 01000001, 10001010

#31418a
```
#31418a rgb(49,65,138)
```
#8a7a31
```
#8a7a31 rgb(138,122,49)
```

Complementary Color

#316e8a
```
#316e8a rgb(49,110,138)
```
#31418a
```
#31418a rgb(49,65,138)
```
#4e318a
```
#4e318a rgb(78,49,138)
```

Analogous Color

#6e8a31
```
#6e8a31 rgb(110,138,49)
```
#31418a
```
#31418a rgb(49,65,138)
```
#8a4e31
```
#8a4e31 rgb(138,78,49)
```

Split Complementary Color

#418a31
```
#418a31 rgb(65,138,49)
```
#31418a
```
#31418a rgb(49,65,138)
```
#8a3141
```
#8a3141 rgb(138,49,65)
```

Triadic Color

#318a7a
```
#318a7a rgb(49,138,122)
```
#31418a
```
#31418a rgb(49,65,138)
```
#8a3141
```
#8a3141 rgb(138,49,65)
```
#8a7a31
```
#8a7a31 rgb(138,122,49)
```

Tetradic Color

#1d2652
```
#1d2652 rgb(29,38,82)
```
#242f64
```
#242f64 rgb(36,47,100)
```
#2a3877
```
#2a3877 rgb(42,56,119)
```
#31418a
```
#31418a rgb(49,65,138)
```
#384a9d
```
#384a9d rgb(56,74,157)
```
#3e53b0
```
#3e53b0 rgb(62,83,176)
```
#495ebe
```
#495ebe rgb(73,94,190)
```

Monochromatic Color

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

#31578a
```
#31578a rgb(49,87,138)
```
#31508a
```
#31508a rgb(49,80,138)
```
#31488a
```
#31488a rgb(49,72,138)
```
#31418a
```
#31418a rgb(49,65,138)
```
#313a8a
```
#313a8a rgb(49,58,138)
```
#31328a
```
#31328a rgb(49,50,138)
```
#37318a
```
#37318a rgb(55,49,138)
```

Similar Colors

Text with hexadecimal color #31418a

This text has a font color of #31418a.

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

#31418a background color

This paragraph has a background color of #31418a.

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

#31418a border color

This element has a border color of #31418a.

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

CSS codes

.text {color:#31418a;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#080a16
```
#080a16 rgb(8,10,22)
```
#0d1125
```
#0d1125 rgb(13,17,37)
```
#121833
```
#121833 rgb(18,24,51)
```
#171f42
```
#171f42 rgb(23,31,66)
```
#1c2650
```
#1c2650 rgb(28,38,80)
```
#222d5f
```
#222d5f rgb(34,45,95)
```
#27336d
```
#27336d rgb(39,51,109)
```
#2c3a7c
```
#2c3a7c rgb(44,58,124)
```
#31418a
```
#31418a rgb(49,65,138)
```
#364898
```
#364898 rgb(54,72,152)
```
#3b4fa7
```
#3b4fa7 rgb(59,79,167)
```
#4055b5
```
#4055b5 rgb(64,85,181)
```

Shade Color Variation

#4b5fbf
```
#4b5fbf rgb(75,95,191)
```
#596cc4
```
#596cc4 rgb(89,108,196)
```
#6779c9
```
#6779c9 rgb(103,121,201)
```
#7686ce
```
#7686ce rgb(118,134,206)
```
#8493d3
```
#8493d3 rgb(132,147,211)
```
#939fd9
```
#939fd9 rgb(147,159,217)
```
#a1acde
```
#a1acde rgb(161,172,222)
```
#b0b9e3
```
#b0b9e3 rgb(176,185,227)
```
#bec6e8
```
#bec6e8 rgb(190,198,232)
```
#cdd3ed
```
#cdd3ed rgb(205,211,237)
```
#dbdff2
```
#dbdff2 rgb(219,223,242)
```
#eaecf7
```
#eaecf7 rgb(234,236,247)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#5c5d5f
```
#5c5d5f rgb(92,93,95)
```
#555866
```
#555866 rgb(85,88,102)
```
#4e536d
```
#4e536d rgb(78,83,109)
```
#474f74
```
#474f74 rgb(71,79,116)
```
#3f4a7c
```
#3f4a7c rgb(63,74,124)
```
#384683
```
#384683 rgb(56,70,131)
```
#31418a
```
#31418a rgb(49,65,138)
```
#2a3c91
```
#2a3c91 rgb(42,60,145)
```
#233898
```
#233898 rgb(35,56,152)
```
#1b33a0
```
#1b33a0 rgb(27,51,160)
```
#142fa7
```
#142fa7 rgb(20,47,167)
```
#0d2aae
```
#0d2aae rgb(13,42,174)
```
#0625b5
```
#0625b5 rgb(6,37,181)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#414453 Atypical Achromatopsia 0.001% of the population

Dichromacy

#214e93 Protanopia 1% of men
#005187 Deuteranopia 1% of men
#13575e Tritanopia 0.001% of the population

Trichromacy

#27498f Protanomaly 1% of men, 0.01% of women
#114b88 Deuteranomaly 6% of men, 0.4% of women
#1e4f6e Tritanomaly 0.01% of the population

#31418a hex color

#31418a Color Information

#31418a Color Conversion

Color Schemes with #31418a

Alternatives to #31418a

#31418a Preview

Shades and Tints of #31418a

Tones of #31418a

Color Blindness Simulator