#31447e hex color

In a RGB color space, hex #31447e is composed of 19.2% red, 26.7% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 46% magenta, 0% yellow and 50.6% black. It has a hue angle of 225.2 degrees, a saturation of 44% and a lightness of 34.3%. #31447e color hex could be obtained by blending #6288fc with #000000. Closest websafe color is: #333366.

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

● #31447e color description : Dark moderate blue.

The hexadecimal color #31447e has RGB values of R:49, G:68, B:126 and CMYK values of C:0.61, M:0.46, Y:0, K:0.51. Its decimal value is 3228798.

Hex triplet	31447e	`#31447e`
RGB Decimal	49, 68, 126	`rgb(49,68,126)`
RGB Percent	19.2, 26.7, 49.4	`rgb(19.2%,26.7%,49.4%)`
CMYK	61, 46, 0, 51
HSL	225.2°, 44, 34.3	`hsl(225.2,44%,34.3%)`
HSV (or HSB)	225.2°, 61.1, 49.4
Web Safe	333366	`#333366`

CIE-LAB	30.14, 11.684, -35.222
XYZ	7.099, 6.293, 20.578
xyY	0.209, 0.185, 6.293
CIE-LCH	30.14, 37.109, 288.352
CIE-LUV	30.14, -9.358, -47.549
Hunter-Lab	25.086, 6.611, -31.075
Binary	00110001, 01000100, 01111110

#31447e
```
#31447e rgb(49,68,126)
```
#7e6b31
```
#7e6b31 rgb(126,107,49)
```

Complementary Color

#316b7e
```
#316b7e rgb(49,107,126)
```
#31447e
```
#31447e rgb(49,68,126)
```
#45317e
```
#45317e rgb(69,49,126)
```

Analogous Color

#6b7e31
```
#6b7e31 rgb(107,126,49)
```
#31447e
```
#31447e rgb(49,68,126)
```
#7e4531
```
#7e4531 rgb(126,69,49)
```

Split Complementary Color

#447e31
```
#447e31 rgb(68,126,49)
```
#31447e
```
#31447e rgb(49,68,126)
```
#7e3144
```
#7e3144 rgb(126,49,68)
```

Triadic Color

#317e6b
```
#317e6b rgb(49,126,107)
```
#31447e
```
#31447e rgb(49,68,126)
```
#7e3144
```
#7e3144 rgb(126,49,68)
```
#7e6b31
```
#7e6b31 rgb(126,107,49)
```

Tetradic Color

#1c2647
```
#1c2647 rgb(28,38,71)
```
#233059
```
#233059 rgb(35,48,89)
```
#2a3a6c
```
#2a3a6c rgb(42,58,108)
```
#31447e
```
#31447e rgb(49,68,126)
```
#384e90
```
#384e90 rgb(56,78,144)
```
#3f58a3
```
#3f58a3 rgb(63,88,163)
```
#4662b5
```
#4662b5 rgb(70,98,181)
```

Monochromatic Color

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

#31577e
```
#31577e rgb(49,87,126)
```
#31517e
```
#31517e rgb(49,81,126)
```
#314a7e
```
#314a7e rgb(49,74,126)
```
#31447e
```
#31447e rgb(49,68,126)
```
#313e7e
```
#313e7e rgb(49,62,126)
```
#31377e
```
#31377e rgb(49,55,126)
```
#31317e
```
#31317e rgb(49,49,126)
```

Similar Colors

Text with hexadecimal color #31447e

This text has a font color of #31447e.

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

#31447e background color

This paragraph has a background color of #31447e.

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

#31447e border color

This element has a border color of #31447e.

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

CSS codes

.text {color:#31447e;}

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

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

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, #05070d is the darkest color, while #fefeff is the lightest one.

#05070d
```
#05070d rgb(5,7,13)
```
#0b0f1b
```
#0b0f1b rgb(11,15,27)
```
#101629
```
#101629 rgb(16,22,41)
```
#161e37
```
#161e37 rgb(22,30,55)
```
#1b2646
```
#1b2646 rgb(27,38,70)
```
#212d54
```
#212d54 rgb(33,45,84)
```
#263562
```
#263562 rgb(38,53,98)
```
#2c3c70
```
#2c3c70 rgb(44,60,112)
```
#31447e
```
#31447e rgb(49,68,126)
```
#364c8c
```
#364c8c rgb(54,76,140)
```
#3c539a
```
#3c539a rgb(60,83,154)
```
#415ba8
```
#415ba8 rgb(65,91,168)
```
#4762b6
```
#4762b6 rgb(71,98,182)
```

Shade Color Variation

#546ebd
```
#546ebd rgb(84,110,189)
```
#637ac2
```
#637ac2 rgb(99,122,194)
```
#7186c8
```
#7186c8 rgb(113,134,200)
```
#7f92cd
```
#7f92cd rgb(127,146,205)
```
#8d9ed3
```
#8d9ed3 rgb(141,158,211)
```
#9baad8
```
#9baad8 rgb(155,170,216)
```
#a9b6de
```
#a9b6de rgb(169,182,222)
```
#b7c2e3
```
#b7c2e3 rgb(183,194,227)
```
#c5cee9
```
#c5cee9 rgb(197,206,233)
```
#d4daee
```
#d4daee rgb(212,218,238)
```
#e2e6f4
```
#e2e6f4 rgb(226,230,244)
```
#f0f2f9
```
#f0f2f9 rgb(240,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#53555c
```
#53555c rgb(83,85,92)
```
#4c5263
```
#4c5263 rgb(76,82,99)
```
#454e6a
```
#454e6a rgb(69,78,106)
```
#3e4b71
```
#3e4b71 rgb(62,75,113)
```
#384777
```
#384777 rgb(56,71,119)
```
#31447e
```
#31447e rgb(49,68,126)
```
#2a4185
```
#2a4185 rgb(42,65,133)
```
#243d8b
```
#243d8b rgb(36,61,139)
```
#1d3a92
```
#1d3a92 rgb(29,58,146)
```
#163699
```
#163699 rgb(22,54,153)
```
#0f33a0
```
#0f33a0 rgb(15,51,160)
```
#0930a6
```
#0930a6 rgb(9,48,166)
```
#022cad
```
#022cad rgb(2,44,173)
```

Tone Color Variation

Below, you can see how #31447e 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
#414550 Atypical Achromatopsia 0.001% of the population

Dichromacy

#354e85 Protanopia 1% of men
#255183 Deuteranopia 1% of men
#25575d Tritanopia 0.001% of the population

Trichromacy

#334a82 Protanomaly 1% of men, 0.01% of women
#294c81 Deuteranomaly 6% of men, 0.4% of women
#295069 Tritanomaly 0.01% of the population

#31447e hex color

#31447e Color Information

#31447e Color Conversion

Color Schemes with #31447e

Alternatives to #31447e

#31447e Preview

Shades and Tints of #31447e

Tones of #31447e

Color Blindness Simulator