#31187e hex color

In a RGB color space, hex #31187e is composed of 19.2% red, 9.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 81% magenta, 0% yellow and 50.6% black. It has a hue angle of 254.7 degrees, a saturation of 68% and a lightness of 29.4%. #31187e color hex could be obtained by blending #6230fc with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 9
- B 49
RGB color chart
- C 61
- M 81
- Y 0
- K 51
CMYK color chart

● #31187e color description : Dark blue.

The hexadecimal color #31187e has RGB values of R:49, G:24, B:126 and CMYK values of C:0.61, M:0.81, Y:0, K:0.51. Its decimal value is 3217534.

Hex triplet	31187e	`#31187e`
RGB Decimal	49, 24, 126	`rgb(49,24,126)`
RGB Percent	19.2, 9.4, 49.4	`rgb(19.2%,9.4%,49.4%)`
CMYK	61, 81, 0, 51
HSL	254.7°, 68, 29.4	`hsl(254.7,68%,29.4%)`
HSV (or HSB)	254.7°, 81, 49.4
Web Safe	330066	`#330066`

CIE-LAB	19.276, 39.668, -52.864
XYZ	5.358, 2.812, 19.998
xyY	0.19, 0.1, 2.812
CIE-LCH	19.276, 66.092, 306.883
CIE-LUV	19.276, 0.369, -58.379
Hunter-Lab	16.77, 27.686, -58.962
Binary	00110001, 00011000, 01111110

#31187e
```
#31187e rgb(49,24,126)
```
#657e18
```
#657e18 rgb(101,126,24)
```

Complementary Color

#18327e
```
#18327e rgb(24,50,126)
```
#31187e
```
#31187e rgb(49,24,126)
```
#64187e
```
#64187e rgb(100,24,126)
```

Analogous Color

#327e18
```
#327e18 rgb(50,126,24)
```
#31187e
```
#31187e rgb(49,24,126)
```
#7e6418
```
#7e6418 rgb(126,100,24)
```

Split Complementary Color

#187e31
```
#187e31 rgb(24,126,49)
```
#31187e
```
#31187e rgb(49,24,126)
```
#7e3118
```
#7e3118 rgb(126,49,24)
```

Triadic Color

#18657e
```
#18657e rgb(24,101,126)
```
#31187e
```
#31187e rgb(49,24,126)
```
#7e3118
```
#7e3118 rgb(126,49,24)
```
#657e18
```
#657e18 rgb(101,126,24)
```

Tetradic Color

#180c3e
```
#180c3e rgb(24,12,62)
```
#201053
```
#201053 rgb(32,16,83)
```
#291469
```
#291469 rgb(41,20,105)
```
#31187e
```
#31187e rgb(49,24,126)
```
#391c93
```
#391c93 rgb(57,28,147)
```
#4220a9
```
#4220a9 rgb(66,32,169)
```
#4a24be
```
#4a24be rgb(74,36,190)
```

Monochromatic Color

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

#18197e
```
#18197e rgb(24,25,126)
```
#20187e
```
#20187e rgb(32,24,126)
```
#29187e
```
#29187e rgb(41,24,126)
```
#31187e
```
#31187e rgb(49,24,126)
```
#3a187e
```
#3a187e rgb(58,24,126)
```
#42187e
```
#42187e rgb(66,24,126)
```
#4b187e
```
#4b187e rgb(75,24,126)
```

Similar Colors

Text with hexadecimal color #31187e

This text has a font color of #31187e.

<span style="color:#31187e;">Text here</span>

#31187e background color

This paragraph has a background color of #31187e.

<p style="background-color:#31187e;">Content here</p>

#31187e border color

This element has a border color of #31187e.

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

CSS codes

.text {color:#31187e;}

.background {background-color:#31187e;}

.border {border:1px solid #31187e;}

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, #04020b is the darkest color, while #faf9fe is the lightest one.

#04020b
```
#04020b rgb(4,2,11)
```
#0b051b
```
#0b051b rgb(11,5,27)
```
#11082c
```
#11082c rgb(17,8,44)
```
#170b3c
```
#170b3c rgb(23,11,60)
```
#1e0f4d
```
#1e0f4d rgb(30,15,77)
```
#24125d
```
#24125d rgb(36,18,93)
```
#2b156e
```
#2b156e rgb(43,21,110)
```
#31187e
```
#31187e rgb(49,24,126)
```
#371b8e
```
#371b8e rgb(55,27,142)
```
#3e1e9f
```
#3e1e9f rgb(62,30,159)
```
#4421af
```
#4421af rgb(68,33,175)
```
#4b25c0
```
#4b25c0 rgb(75,37,192)
```
#5128d0
```
#5128d0 rgb(81,40,208)
```

Shade Color Variation

#5c33d8
```
#5c33d8 rgb(92,51,216)
```
#6944db
```
#6944db rgb(105,68,219)
```
#7654df
```
#7654df rgb(118,84,223)
```
#8365e2
```
#8365e2 rgb(131,101,226)
```
#9175e5
```
#9175e5 rgb(145,117,229)
```
#9e86e8
```
#9e86e8 rgb(158,134,232)
```
#ab96eb
```
#ab96eb rgb(171,150,235)
```
#b8a7ee
```
#b8a7ee rgb(184,167,238)
```
#c6b7f1
```
#c6b7f1 rgb(198,183,241)
```
#d3c8f4
```
#d3c8f4 rgb(211,200,244)
```
#e0d8f8
```
#e0d8f8 rgb(224,216,248)
```
#ede9fb
```
#ede9fb rgb(237,233,251)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#494650
```
#494650 rgb(73,70,80)
```
#464056
```
#464056 rgb(70,64,86)
```
#433b5b
```
#433b5b rgb(67,59,91)
```
#403561
```
#403561 rgb(64,53,97)
```
#3d2f67
```
#3d2f67 rgb(61,47,103)
```
#3a296d
```
#3a296d rgb(58,41,109)
```
#372472
```
#372472 rgb(55,36,114)
```
#341e78
```
#341e78 rgb(52,30,120)
```
#31187e
```
#31187e rgb(49,24,126)
```
#2e1284
```
#2e1284 rgb(46,18,132)
```
#2b0c8a
```
#2b0c8a rgb(43,12,138)
```
#28078f
```
#28078f rgb(40,7,143)
```
#250195
```
#250195 rgb(37,1,149)
```

Tone Color Variation

Below, you can see how #31187e 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

#2b2b2b Achromatopsia 0.005% of the population
#2c273c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376c Protanopia 1% of men
#003b5e Deuteranopia 1% of men
#0f3e43 Tritanopia 0.001% of the population

Trichromacy

#112c73 Protanomaly 1% of men, 0.01% of women
#112e6a Deuteranomaly 6% of men, 0.4% of women
#1b3058 Tritanomaly 0.01% of the population

#31187e hex color

#31187e Color Information

#31187e Color Conversion

Color Schemes with #31187e

Alternatives to #31187e

#31187e Preview

Shades and Tints of #31187e

Tones of #31187e

Color Blindness Simulator