#312475 hex color

In a RGB color space, hex #312475 is composed of 19.2% red, 14.1% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 69.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 249.6 degrees, a saturation of 52.9% and a lightness of 30%. #312475 color hex could be obtained by blending #6248ea with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 14
- B 46
RGB color chart
- C 58
- M 69
- Y 0
- K 54
CMYK color chart

● #312475 color description : Dark moderate blue.

The hexadecimal color #312475 has RGB values of R:49, G:36, B:117 and CMYK values of C:0.58, M:0.69, Y:0, K:0.54. Its decimal value is 3220597.

Hex triplet	312475	`#312475`
RGB Decimal	49, 36, 117	`rgb(49,36,117)`
RGB Percent	19.2, 14.1, 45.9	`rgb(19.2%,14.1%,45.9%)`
CMYK	58, 69, 0, 54
HSL	249.6°, 52.9, 30	`hsl(249.6,52.9%,30%)`
HSV (or HSB)	249.6°, 69.2, 45.9
Web Safe	333366	`#333366`

CIE-LAB	20.824, 29.962, -44.578
XYZ	5.108, 3.199, 17.177
xyY	0.2, 0.126, 3.199
CIE-LCH	20.824, 53.711, 303.906
CIE-LUV	20.824, -0.692, -52.288
Hunter-Lab	17.886, 19.677, -44.421
Binary	00110001, 00100100, 01110101

#312475
```
#312475 rgb(49,36,117)
```
#687524
```
#687524 rgb(104,117,36)
```

Complementary Color

#243f75
```
#243f75 rgb(36,63,117)
```
#312475
```
#312475 rgb(49,36,117)
```
#5a2475
```
#5a2475 rgb(90,36,117)
```

Analogous Color

#3f7524
```
#3f7524 rgb(63,117,36)
```
#312475
```
#312475 rgb(49,36,117)
```
#755a24
```
#755a24 rgb(117,90,36)
```

Split Complementary Color

#247531
```
#247531 rgb(36,117,49)
```
#312475
```
#312475 rgb(49,36,117)
```
#753124
```
#753124 rgb(117,49,36)
```

Triadic Color

#246875
```
#246875 rgb(36,104,117)
```
#312475
```
#312475 rgb(49,36,117)
```
#753124
```
#753124 rgb(117,49,36)
```
#687524
```
#687524 rgb(104,117,36)
```

Tetradic Color

#19123b
```
#19123b rgb(25,18,59)
```
#21184e
```
#21184e rgb(33,24,78)
```
#291e62
```
#291e62 rgb(41,30,98)
```
#312475
```
#312475 rgb(49,36,117)
```
#392a89
```
#392a89 rgb(57,42,137)
```
#41309c
```
#41309c rgb(65,48,156)
```
#4a36b0
```
#4a36b0 rgb(74,54,176)
```

Monochromatic Color

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

#242b75
```
#242b75 rgb(36,43,117)
```
#242575
```
#242575 rgb(36,37,117)
```
#2a2475
```
#2a2475 rgb(42,36,117)
```
#312475
```
#312475 rgb(49,36,117)
```
#382475
```
#382475 rgb(56,36,117)
```
#3f2475
```
#3f2475 rgb(63,36,117)
```
#452475
```
#452475 rgb(69,36,117)
```

Similar Colors

Text with hexadecimal color #312475

This text has a font color of #312475.

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

#312475 background color

This paragraph has a background color of #312475.

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

#312475 border color

This element has a border color of #312475.

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

CSS codes

.text {color:#312475;}

.background {background-color:#312475;}

.border {border:1px solid #312475;}

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

#05040c
```
#05040c rgb(5,4,12)
```
#0b081b
```
#0b081b rgb(11,8,27)
```
#120d2a
```
#120d2a rgb(18,13,42)
```
#181239
```
#181239 rgb(24,18,57)
```
#1e1648
```
#1e1648 rgb(30,22,72)
```
#241b57
```
#241b57 rgb(36,27,87)
```
#2b1f66
```
#2b1f66 rgb(43,31,102)
```
#312475
```
#312475 rgb(49,36,117)
```
#372984
```
#372984 rgb(55,41,132)
```
#3e2d93
```
#3e2d93 rgb(62,45,147)
```
#4432a2
```
#4432a2 rgb(68,50,162)
```
#4a36b1
```
#4a36b1 rgb(74,54,177)
```
#503bc0
```
#503bc0 rgb(80,59,192)
```

Shade Color Variation

#5c48c7
```
#5c48c7 rgb(92,72,199)
```
#6a57cb
```
#6a57cb rgb(106,87,203)
```
#7766d0
```
#7766d0 rgb(119,102,208)
```
#8475d5
```
#8475d5 rgb(132,117,213)
```
#9284d9
```
#9284d9 rgb(146,132,217)
```
#9f93de
```
#9f93de rgb(159,147,222)
```
#aca2e2
```
#aca2e2 rgb(172,162,226)
```
#bab1e7
```
#bab1e7 rgb(186,177,231)
```
#c7c0ec
```
#c7c0ec rgb(199,192,236)
```
#d4cff0
```
#d4cff0 rgb(212,207,240)
```
#e2def5
```
#e2def5 rgb(226,222,245)
```
#efedf9
```
#efedf9 rgb(239,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, #494752 is the less saturated color, while #190198 is the most saturated one.

#494752
```
#494752 rgb(73,71,82)
```
#454158
```
#454158 rgb(69,65,88)
```
#413c5d
```
#413c5d rgb(65,60,93)
```
#3d3663
```
#3d3663 rgb(61,54,99)
```
#393069
```
#393069 rgb(57,48,105)
```
#352a6f
```
#352a6f rgb(53,42,111)
```
#312475
```
#312475 rgb(49,36,117)
```
#2d1e7b
```
#2d1e7b rgb(45,30,123)
```
#291881
```
#291881 rgb(41,24,129)
```
#251287
```
#251287 rgb(37,18,135)
```
#210c8d
```
#210c8d rgb(33,12,141)
```
#1d0792
```
#1d0792 rgb(29,7,146)
```
#190198
```
#190198 rgb(25,1,152)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#312e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a73 Protanopia 1% of men
#003e64 Deuteranopia 1% of men
#204146 Tritanopia 0.001% of the population

Trichromacy

#113273 Protanomaly 1% of men, 0.01% of women
#11346a Deuteranomaly 6% of men, 0.4% of women
#263657 Tritanomaly 0.01% of the population

#312475 hex color

#312475 Color Information

#312475 Color Conversion

Color Schemes with #312475

Alternatives to #312475

#312475 Preview

Shades and Tints of #312475

Tones of #312475

Color Blindness Simulator