#312477 hex color

In a RGB color space, hex #312477 is composed of 19.2% red, 14.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 69.7% magenta, 0% yellow and 53.3% black. It has a hue angle of 249.4 degrees, a saturation of 53.5% and a lightness of 30.4%. #312477 color hex could be obtained by blending #6248ee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 14
- B 47
RGB color chart
- C 59
- M 70
- Y 0
- K 53
CMYK color chart

● #312477 color description : Dark moderate blue.

The hexadecimal color #312477 has RGB values of R:49, G:36, B:119 and CMYK values of C:0.59, M:0.7, Y:0, K:0.53. Its decimal value is 3220599.

Hex triplet	312477	`#312477`
RGB Decimal	49, 36, 119	`rgb(49,36,119)`
RGB Percent	19.2, 14.1, 46.7	`rgb(19.2%,14.1%,46.7%)`
CMYK	59, 70, 0, 53
HSL	249.4°, 53.5, 30.4	`hsl(249.4,53.5%,30.4%)`
HSV (or HSB)	249.4°, 69.7, 46.7
Web Safe	333366	`#333366`

CIE-LAB	21.005, 30.632, -45.562
XYZ	5.227, 3.246, 17.803
xyY	0.199, 0.124, 3.246
CIE-LCH	21.005, 54.902, 303.913
CIE-LUV	21.005, -0.835, -53.552
Hunter-Lab	18.018, 20.248, -45.97
Binary	00110001, 00100100, 01110111

#312477
```
#312477 rgb(49,36,119)
```
#6a7724
```
#6a7724 rgb(106,119,36)
```

Complementary Color

#244177
```
#244177 rgb(36,65,119)
```
#312477
```
#312477 rgb(49,36,119)
```
#5a2477
```
#5a2477 rgb(90,36,119)
```

Analogous Color

#417724
```
#417724 rgb(65,119,36)
```
#312477
```
#312477 rgb(49,36,119)
```
#775b24
```
#775b24 rgb(119,91,36)
```

Split Complementary Color

#247731
```
#247731 rgb(36,119,49)
```
#312477
```
#312477 rgb(49,36,119)
```
#773124
```
#773124 rgb(119,49,36)
```

Triadic Color

#246a77
```
#246a77 rgb(36,106,119)
```
#312477
```
#312477 rgb(49,36,119)
```
#773124
```
#773124 rgb(119,49,36)
```
#6a7724
```
#6a7724 rgb(106,119,36)
```

Tetradic Color

#19123c
```
#19123c rgb(25,18,60)
```
#211850
```
#211850 rgb(33,24,80)
```
#291e63
```
#291e63 rgb(41,30,99)
```
#312477
```
#312477 rgb(49,36,119)
```
#392a8b
```
#392a8b rgb(57,42,139)
```
#41309e
```
#41309e rgb(65,48,158)
```
#4936b2
```
#4936b2 rgb(73,54,178)
```

Monochromatic Color

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

#242c77
```
#242c77 rgb(36,44,119)
```
#242577
```
#242577 rgb(36,37,119)
```
#2a2477
```
#2a2477 rgb(42,36,119)
```
#312477
```
#312477 rgb(49,36,119)
```
#382477
```
#382477 rgb(56,36,119)
```
#3f2477
```
#3f2477 rgb(63,36,119)
```
#462477
```
#462477 rgb(70,36,119)
```

Similar Colors

Text with hexadecimal color #312477

This text has a font color of #312477.

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

#312477 background color

This paragraph has a background color of #312477.

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

#312477 border color

This element has a border color of #312477.

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

CSS codes

.text {color:#312477;}

.background {background-color:#312477;}

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

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

#06040e
```
#06040e rgb(6,4,14)
```
#0c091d
```
#0c091d rgb(12,9,29)
```
#120d2c
```
#120d2c rgb(18,13,44)
```
#18123b
```
#18123b rgb(24,18,59)
```
#1e164a
```
#1e164a rgb(30,22,74)
```
#251b59
```
#251b59 rgb(37,27,89)
```
#2b1f68
```
#2b1f68 rgb(43,31,104)
```
#312477
```
#312477 rgb(49,36,119)
```
#372986
```
#372986 rgb(55,41,134)
```
#3d2d95
```
#3d2d95 rgb(61,45,149)
```
#4432a4
```
#4432a4 rgb(68,50,164)
```
#4a36b3
```
#4a36b3 rgb(74,54,179)
```
#503bc2
```
#503bc2 rgb(80,59,194)
```

Shade Color Variation

#5d49c8
```
#5d49c8 rgb(93,73,200)
```
#6a58cc
```
#6a58cc rgb(106,88,204)
```
#7867d1
```
#7867d1 rgb(120,103,209)
```
#8576d6
```
#8576d6 rgb(133,118,214)
```
#9285da
```
#9285da rgb(146,133,218)
```
#a094df
```
#a094df rgb(160,148,223)
```
#ada3e3
```
#ada3e3 rgb(173,163,227)
```
#bbb2e8
```
#bbb2e8 rgb(187,178,232)
```
#c8c1ec
```
#c8c1ec rgb(200,193,236)
```
#d5d0f1
```
#d5d0f1 rgb(213,208,241)
```
#e3dff5
```
#e3dff5 rgb(227,223,245)
```
#f0eefa
```
#f0eefa rgb(240,238,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#4a4853
```
#4a4853 rgb(74,72,83)
```
#454259
```
#454259 rgb(69,66,89)
```
#413c5f
```
#413c5f rgb(65,60,95)
```
#3d3665
```
#3d3665 rgb(61,54,101)
```
#39306b
```
#39306b rgb(57,48,107)
```
#352a71
```
#352a71 rgb(53,42,113)
```
#312477
```
#312477 rgb(49,36,119)
```
#2d1e7d
```
#2d1e7d rgb(45,30,125)
```
#291883
```
#291883 rgb(41,24,131)
```
#251289
```
#251289 rgb(37,18,137)
```
#210c8f
```
#210c8f rgb(33,12,143)
```
#1d0695
```
#1d0695 rgb(29,6,149)
```
#18009b
```
#18009b rgb(24,0,155)
```

Tone Color Variation

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

#003b73 Protanopia 1% of men
#003e65 Deuteranopia 1% of men
#1f4146 Tritanopia 0.001% of the population

Trichromacy

#113274 Protanomaly 1% of men, 0.01% of women
#11346b Deuteranomaly 6% of men, 0.4% of women
#253758 Tritanomaly 0.01% of the population

#312477 hex color

#312477 Color Information

#312477 Color Conversion

Color Schemes with #312477

Alternatives to #312477

#312477 Preview

Shades and Tints of #312477

Tones of #312477

Color Blindness Simulator