#312197 hex color

In a RGB color space, hex #312197 is composed of 19.2% red, 12.9% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 78.1% magenta, 0% yellow and 40.8% black. It has a hue angle of 248.1 degrees, a saturation of 64.1% and a lightness of 36.1%. #312197 color hex could be obtained by blending #6242ff with #00002f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 13
- B 59
RGB color chart
- C 68
- M 78
- Y 0
- K 41
CMYK color chart

● #312197 color description : Dark blue.

The hexadecimal color #312197 has RGB values of R:49, G:33, B:151 and CMYK values of C:0.68, M:0.78, Y:0, K:0.41. Its decimal value is 3219863.

Hex triplet	312197	`#312197`
RGB Decimal	49, 33, 151	`rgb(49,33,151)`
RGB Percent	19.2, 12.9, 59.2	`rgb(19.2%,12.9%,59.2%)`
CMYK	68, 78, 0, 41
HSL	248.1°, 64.1, 36.1	`hsl(248.1,64.1%,36.1%)`
HSV (or HSB)	248.1°, 78.1, 59.2
Web Safe	333399	`#333399`

CIE-LAB	23.588, 42.82, -61.385
XYZ	7.395, 3.975, 29.654
xyY	0.18, 0.097, 3.975
CIE-LCH	23.588, 74.844, 304.898
CIE-LUV	23.588, -2.511, -73.285
Hunter-Lab	19.937, 31.324, -74.233
Binary	00110001, 00100001, 10010111

#312197
```
#312197 rgb(49,33,151)
```
#879721
```
#879721 rgb(135,151,33)
```

Complementary Color

#214c97
```
#214c97 rgb(33,76,151)
```
#312197
```
#312197 rgb(49,33,151)
```
#6c2197
```
#6c2197 rgb(108,33,151)
```

Analogous Color

#4c9721
```
#4c9721 rgb(76,151,33)
```
#312197
```
#312197 rgb(49,33,151)
```
#976c21
```
#976c21 rgb(151,108,33)
```

Split Complementary Color

#219731
```
#219731 rgb(33,151,49)
```
#312197
```
#312197 rgb(49,33,151)
```
#973121
```
#973121 rgb(151,49,33)
```

Triadic Color

#218797
```
#218797 rgb(33,135,151)
```
#312197
```
#312197 rgb(49,33,151)
```
#973121
```
#973121 rgb(151,49,33)
```
#879721
```
#879721 rgb(135,151,33)
```

Tetradic Color

#1d1358
```
#1d1358 rgb(29,19,88)
```
#23186d
```
#23186d rgb(35,24,109)
```
#2a1c82
```
#2a1c82 rgb(42,28,130)
```
#312197
```
#312197 rgb(49,33,151)
```
#3826ac
```
#3826ac rgb(56,38,172)
```
#3f2ac1
```
#3f2ac1 rgb(63,42,193)
```
#4832d2
```
#4832d2 rgb(72,50,210)
```

Monochromatic Color

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

#212f97
```
#212f97 rgb(33,47,151)
```
#212597
```
#212597 rgb(33,37,151)
```
#272197
```
#272197 rgb(39,33,151)
```
#312197
```
#312197 rgb(49,33,151)
```
#3b2197
```
#3b2197 rgb(59,33,151)
```
#452197
```
#452197 rgb(69,33,151)
```
#4e2197
```
#4e2197 rgb(78,33,151)
```

Similar Colors

Text with hexadecimal color #312197

This text has a font color of #312197.

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

#312197 background color

This paragraph has a background color of #312197.

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

#312197 border color

This element has a border color of #312197.

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

CSS codes

.text {color:#312197;}

.background {background-color:#312197;}

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

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, #020106 is the darkest color, while #f6f5fd is the lightest one.

#020106
```
#020106 rgb(2,1,6)
```
#070516
```
#070516 rgb(7,5,22)
```
#0c0826
```
#0c0826 rgb(12,8,38)
```
#120c36
```
#120c36 rgb(18,12,54)
```
#170f47
```
#170f47 rgb(23,15,71)
```
#1c1357
```
#1c1357 rgb(28,19,87)
```
#211667
```
#211667 rgb(33,22,103)
```
#271a77
```
#271a77 rgb(39,26,119)
```
#2c1d87
```
#2c1d87 rgb(44,29,135)
```
#312197
```
#312197 rgb(49,33,151)
```
#3625a7
```
#3625a7 rgb(54,37,167)
```
#3b28b7
```
#3b28b7 rgb(59,40,183)
```
#412cc7
```
#412cc7 rgb(65,44,199)
```

Shade Color Variation

#4934d3
```
#4934d3 rgb(73,52,211)
```
#5844d6
```
#5844d6 rgb(88,68,214)
```
#6654da
```
#6654da rgb(102,84,218)
```
#7564dd
```
#7564dd rgb(117,100,221)
```
#8374e1
```
#8374e1 rgb(131,116,225)
```
#9184e4
```
#9184e4 rgb(145,132,228)
```
#a094e8
```
#a094e8 rgb(160,148,232)
```
#aea5eb
```
#aea5eb rgb(174,165,235)
```
#bdb5ef
```
#bdb5ef rgb(189,181,239)
```
#cbc5f2
```
#cbc5f2 rgb(203,197,242)
```
#d9d5f6
```
#d9d5f6 rgb(217,213,246)
```
#e8e5f9
```
#e8e5f9 rgb(232,229,249)
```
#f6f5fd
```
#f6f5fd rgb(246,245,253)
```

Tint Color Variation

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

#5a5a5e
```
#5a5a5e rgb(90,90,94)
```
#555365
```
#555365 rgb(85,83,101)
```
#504b6d
```
#504b6d rgb(80,75,109)
```
#4b4474
```
#4b4474 rgb(75,68,116)
```
#463d7b
```
#463d7b rgb(70,61,123)
```
#403682
```
#403682 rgb(64,54,130)
```
#3b2f89
```
#3b2f89 rgb(59,47,137)
```
#362890
```
#362890 rgb(54,40,144)
```
#312197
```
#312197 rgb(49,33,151)
```
#2c1a9e
```
#2c1a9e rgb(44,26,158)
```
#2713a5
```
#2713a5 rgb(39,19,165)
```
#220cac
```
#220cac rgb(34,12,172)
```
#1c05b3
```
#1c05b3 rgb(28,5,179)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#332f47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00446d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#113586 Protanomaly 1% of men, 0.01% of women
#11377c Deuteranomaly 6% of men, 0.4% of women
#113a68 Tritanomaly 0.01% of the population

#312197 hex color

#312197 Color Information

#312197 Color Conversion

Color Schemes with #312197

Alternatives to #312197

#312197 Preview

Shades and Tints of #312197

Tones of #312197

Color Blindness Simulator