#31417a hex color

In a RGB color space, hex #31417a is composed of 19.2% red, 25.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 46.7% magenta, 0% yellow and 52.2% black. It has a hue angle of 226.8 degrees, a saturation of 42.7% and a lightness of 33.5%. #31417a color hex could be obtained by blending #6282f4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 25
- B 48
RGB color chart
- C 60
- M 47
- Y 0
- K 52
CMYK color chart

● #31417a color description : Dark moderate blue.

The hexadecimal color #31417a has RGB values of R:49, G:65, B:122 and CMYK values of C:0.6, M:0.47, Y:0, K:0.52. Its decimal value is 3228026.

Hex triplet	31417a	`#31417a`
RGB Decimal	49, 65, 122	`rgb(49,65,122)`
RGB Percent	19.2, 25.5, 47.8	`rgb(19.2%,25.5%,47.8%)`
CMYK	60, 47, 0, 52
HSL	226.8°, 42.7, 33.5	`hsl(226.8,42.7%,33.5%)`
HSV (or HSB)	226.8°, 59.8, 47.8
Web Safe	333366	`#333366`

CIE-LAB	29.001, 12.257, -34.539
XYZ	6.669, 5.838, 19.187
xyY	0.21, 0.184, 5.838
CIE-LCH	29.001, 36.65, 289.538
CIE-LUV	29.001, -8.337, -46.071
Hunter-Lab	24.163, 6.982, -30.166
Binary	00110001, 01000001, 01111010

#31417a
```
#31417a rgb(49,65,122)
```
#7a6a31
```
#7a6a31 rgb(122,106,49)
```

Complementary Color

#31667a
```
#31667a rgb(49,102,122)
```
#31417a
```
#31417a rgb(49,65,122)
```
#46317a
```
#46317a rgb(70,49,122)
```

Analogous Color

#667a31
```
#667a31 rgb(102,122,49)
```
#31417a
```
#31417a rgb(49,65,122)
```
#7a4631
```
#7a4631 rgb(122,70,49)
```

Split Complementary Color

#417a31
```
#417a31 rgb(65,122,49)
```
#31417a
```
#31417a rgb(49,65,122)
```
#7a3141
```
#7a3141 rgb(122,49,65)
```

Triadic Color

#317a6a
```
#317a6a rgb(49,122,106)
```
#31417a
```
#31417a rgb(49,65,122)
```
#7a3141
```
#7a3141 rgb(122,49,65)
```
#7a6a31
```
#7a6a31 rgb(122,106,49)
```

Tetradic Color

#1b2443
```
#1b2443 rgb(27,36,67)
```
#222e56
```
#222e56 rgb(34,46,86)
```
#2a3768
```
#2a3768 rgb(42,55,104)
```
#31417a
```
#31417a rgb(49,65,122)
```
#384b8c
```
#384b8c rgb(56,75,140)
```
#40549e
```
#40549e rgb(64,84,158)
```
#475eb1
```
#475eb1 rgb(71,94,177)
```

Monochromatic Color

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

#31537a
```
#31537a rgb(49,83,122)
```
#314d7a
```
#314d7a rgb(49,77,122)
```
#31477a
```
#31477a rgb(49,71,122)
```
#31417a
```
#31417a rgb(49,65,122)
```
#313b7a
```
#313b7a rgb(49,59,122)
```
#31357a
```
#31357a rgb(49,53,122)
```
#33317a
```
#33317a rgb(51,49,122)
```

Similar Colors

Text with hexadecimal color #31417a

This text has a font color of #31417a.

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

#31417a background color

This paragraph has a background color of #31417a.

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

#31417a border color

This element has a border color of #31417a.

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

CSS codes

.text {color:#31417a;}

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

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

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, #04050a is the darkest color, while #fbfcfd is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#0a0d18
```
#0a0d18 rgb(10,13,24)
```
#0f1426
```
#0f1426 rgb(15,20,38)
```
#151c34
```
#151c34 rgb(21,28,52)
```
#1b2342
```
#1b2342 rgb(27,35,66)
```
#202b50
```
#202b50 rgb(32,43,80)
```
#26325e
```
#26325e rgb(38,50,94)
```
#2b3a6c
```
#2b3a6c rgb(43,58,108)
```
#31417a
```
#31417a rgb(49,65,122)
```
#374888
```
#374888 rgb(55,72,136)
```
#3c5096
```
#3c5096 rgb(60,80,150)
```
#4257a4
```
#4257a4 rgb(66,87,164)
```
#475fb2
```
#475fb2 rgb(71,95,178)
```

Shade Color Variation

#536aba
```
#536aba rgb(83,106,186)
```
#6176c0
```
#6176c0 rgb(97,118,192)
```
#6f82c5
```
#6f82c5 rgb(111,130,197)
```
#7d8ecb
```
#7d8ecb rgb(125,142,203)
```
#8b9ad0
```
#8b9ad0 rgb(139,154,208)
```
#99a6d6
```
#99a6d6 rgb(153,166,214)
```
#a7b3dc
```
#a7b3dc rgb(167,179,220)
```
#b5bfe1
```
#b5bfe1 rgb(181,191,225)
```
#c3cbe7
```
#c3cbe7 rgb(195,203,231)
```
#d1d7ed
```
#d1d7ed rgb(209,215,237)
```
#dfe3f2
```
#dfe3f2 rgb(223,227,242)
```
#edeff8
```
#edeff8 rgb(237,239,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#525359
```
#525359 rgb(82,83,89)
```
#4b5060
```
#4b5060 rgb(75,80,96)
```
#454c66
```
#454c66 rgb(69,76,102)
```
#3e486d
```
#3e486d rgb(62,72,109)
```
#384573
```
#384573 rgb(56,69,115)
```
#31417a
```
#31417a rgb(49,65,122)
```
#2a3d81
```
#2a3d81 rgb(42,61,129)
```
#243a87
```
#243a87 rgb(36,58,135)
```
#1d368e
```
#1d368e rgb(29,54,142)
```
#173294
```
#173294 rgb(23,50,148)
```
#102f9b
```
#102f9b rgb(16,47,155)
```
#0a2ba1
```
#0a2ba1 rgb(10,43,161)
```
#0327a8
```
#0327a8 rgb(3,39,168)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f434e Atypical Achromatopsia 0.001% of the population

Dichromacy

#324c82 Protanopia 1% of men
#244e7f Deuteranopia 1% of men
#27545a Tritanopia 0.001% of the population

Trichromacy

#32487f Protanomaly 1% of men, 0.01% of women
#28497d Deuteranomaly 6% of men, 0.4% of women
#2a4d65 Tritanomaly 0.01% of the population

#31417a hex color

#31417a Color Information

#31417a Color Conversion

Color Schemes with #31417a

Alternatives to #31417a

#31417a Preview

Shades and Tints of #31417a

Tones of #31417a

Color Blindness Simulator