#31397a hex color

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

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

● #31397a color description : Dark moderate blue.

The hexadecimal color #31397a has RGB values of R:49, G:57, B:122 and CMYK values of C:0.6, M:0.53, Y:0, K:0.52. Its decimal value is 3225978.

Hex triplet	31397a	`#31397a`
RGB Decimal	49, 57, 122	`rgb(49,57,122)`
RGB Percent	19.2, 22.4, 47.8	`rgb(19.2%,22.4%,47.8%)`
CMYK	60, 53, 0, 52
HSL	233.4°, 42.7, 33.5	`hsl(233.4,42.7%,33.5%)`
HSV (or HSB)	233.4°, 59.8, 47.8
Web Safe	333366	`#333366`

CIE-LAB	26.689, 17.72, -38.247
XYZ	6.242, 4.984, 19.044
xyY	0.206, 0.165, 4.984
CIE-LCH	26.689, 42.152, 294.859
CIE-LUV	26.689, -5.931, -49.827
Hunter-Lab	22.325, 10.838, -34.95
Binary	00110001, 00111001, 01111010

#31397a
```
#31397a rgb(49,57,122)
```
#7a7231
```
#7a7231 rgb(122,114,49)
```

Complementary Color

#315e7a
```
#315e7a rgb(49,94,122)
```
#31397a
```
#31397a rgb(49,57,122)
```
#4e317a
```
#4e317a rgb(78,49,122)
```

Analogous Color

#5e7a31
```
#5e7a31 rgb(94,122,49)
```
#31397a
```
#31397a rgb(49,57,122)
```
#7a4e31
```
#7a4e31 rgb(122,78,49)
```

Split Complementary Color

#397a31
```
#397a31 rgb(57,122,49)
```
#31397a
```
#31397a rgb(49,57,122)
```
#7a3139
```
#7a3139 rgb(122,49,57)
```

Triadic Color

#317a72
```
#317a72 rgb(49,122,114)
```
#31397a
```
#31397a rgb(49,57,122)
```
#7a3139
```
#7a3139 rgb(122,49,57)
```
#7a7231
```
#7a7231 rgb(122,114,49)
```

Tetradic Color

#1b2043
```
#1b2043 rgb(27,32,67)
```
#222856
```
#222856 rgb(34,40,86)
```
#2a3168
```
#2a3168 rgb(42,49,104)
```
#31397a
```
#31397a rgb(49,57,122)
```
#38428c
```
#38428c rgb(56,66,140)
```
#404a9e
```
#404a9e rgb(64,74,158)
```
#4753b1
```
#4753b1 rgb(71,83,177)
```

Monochromatic Color

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

#314b7a
```
#314b7a rgb(49,75,122)
```
#31457a
```
#31457a rgb(49,69,122)
```
#313f7a
```
#313f7a rgb(49,63,122)
```
#31397a
```
#31397a rgb(49,57,122)
```
#31337a
```
#31337a rgb(49,51,122)
```
#35317a
```
#35317a rgb(53,49,122)
```
#3b317a
```
#3b317a rgb(59,49,122)
```

Similar Colors

Text with hexadecimal color #31397a

This text has a font color of #31397a.

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

#31397a background color

This paragraph has a background color of #31397a.

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

#31397a border color

This element has a border color of #31397a.

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

CSS codes

.text {color:#31397a;}

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

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

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 #fbfbfd is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#0a0b18
```
#0a0b18 rgb(10,11,24)
```
#0f1226
```
#0f1226 rgb(15,18,38)
```
#151834
```
#151834 rgb(21,24,52)
```
#1b1f42
```
#1b1f42 rgb(27,31,66)
```
#202550
```
#202550 rgb(32,37,80)
```
#262c5e
```
#262c5e rgb(38,44,94)
```
#2b326c
```
#2b326c rgb(43,50,108)
```
#31397a
```
#31397a rgb(49,57,122)
```
#374088
```
#374088 rgb(55,64,136)
```
#3c4696
```
#3c4696 rgb(60,70,150)
```
#424da4
```
#424da4 rgb(66,77,164)
```
#4753b2
```
#4753b2 rgb(71,83,178)
```

Shade Color Variation

#535eba
```
#535eba rgb(83,94,186)
```
#616bc0
```
#616bc0 rgb(97,107,192)
```
#6f79c5
```
#6f79c5 rgb(111,121,197)
```
#7d86cb
```
#7d86cb rgb(125,134,203)
```
#8b93d0
```
#8b93d0 rgb(139,147,208)
```
#99a0d6
```
#99a0d6 rgb(153,160,214)
```
#a7addc
```
#a7addc rgb(167,173,220)
```
#b5bae1
```
#b5bae1 rgb(181,186,225)
```
#c3c7e7
```
#c3c7e7 rgb(195,199,231)
```
#d1d4ed
```
#d1d4ed rgb(209,212,237)
```
#dfe1f2
```
#dfe1f2 rgb(223,225,242)
```
#edeef8
```
#edeef8 rgb(237,238,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,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 #0315a8 is the most saturated one.

#525359
```
#525359 rgb(82,83,89)
```
#4b4e60
```
#4b4e60 rgb(75,78,96)
```
#454866
```
#454866 rgb(69,72,102)
```
#3e436d
```
#3e436d rgb(62,67,109)
```
#383e73
```
#383e73 rgb(56,62,115)
```
#31397a
```
#31397a rgb(49,57,122)
```
#2a3481
```
#2a3481 rgb(42,52,129)
```
#242f87
```
#242f87 rgb(36,47,135)
```
#1d2a8e
```
#1d2a8e rgb(29,42,142)
```
#172494
```
#172494 rgb(23,36,148)
```
#101f9b
```
#101f9b rgb(16,31,155)
```
#0a1aa1
```
#0a1aa1 rgb(10,26,161)
```
#0315a8
```
#0315a8 rgb(3,21,168)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b3d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#214784 Protanopia 1% of men
#004a7b Deuteranopia 1% of men
#234e54 Tritanopia 0.001% of the population

Trichromacy

#264180 Protanomaly 1% of men, 0.01% of women
#11447b Deuteranomaly 6% of men, 0.4% of women
#284662 Tritanomaly 0.01% of the population

#31397a hex color

#31397a Color Information

#31397a Color Conversion

Color Schemes with #31397a

Alternatives to #31397a

#31397a Preview

Shades and Tints of #31397a

Tones of #31397a

Color Blindness Simulator