colorhexa.com

#31337a hex color

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

- R 19
- G 20
- B 48
RGB color chart
- C 60
- M 58
- Y 0
- K 52
CMYK color chart

● #31337a color description : Dark moderate blue.

The hexadecimal color #31337a has RGB values of R:49, G:51, B:122 and CMYK values of C:0.6, M:0.58, Y:0, K:0.52. Its decimal value is 3224442.

Hex triplet	31337a	`#31337a`
RGB Decimal	49, 51, 122	`rgb(49,51,122)`
RGB Percent	19.2, 20, 47.8	`rgb(19.2%,20%,47.8%)`
CMYK	60, 58, 0, 52
HSL	238.4°, 42.7, 33.5	`hsl(238.4,42.7%,33.5%)`
HSV (or HSB)	238.4°, 59.8, 47.8
Web Safe	333366	`#333366`

CIE-LAB	25.031, 21.814, -40.923
XYZ	5.963, 4.426, 18.951
xyY	0.203, 0.151, 4.426
CIE-LCH	25.031, 46.374, 298.059
CIE-LUV	25.031, -4.308, -52.083
Hunter-Lab	21.037, 13.779, -38.686
Binary	00110001, 00110011, 01111010

#31337a
```
#31337a rgb(49,51,122)
```
#7a7831
```
#7a7831 rgb(122,120,49)
```

Complementary Color

#31577a
```
#31577a rgb(49,87,122)
```
#31337a
```
#31337a rgb(49,51,122)
```
#54317a
```
#54317a rgb(84,49,122)
```

Analogous Color

#587a31
```
#587a31 rgb(88,122,49)
```
#31337a
```
#31337a rgb(49,51,122)
```
#7a5431
```
#7a5431 rgb(122,84,49)
```

Split Complementary Color

#337a31
```
#337a31 rgb(51,122,49)
```
#31337a
```
#31337a rgb(49,51,122)
```
#7a3133
```
#7a3133 rgb(122,49,51)
```

Triadic Color

#317a78
```
#317a78 rgb(49,122,120)
```
#31337a
```
#31337a rgb(49,51,122)
```
#7a3133
```
#7a3133 rgb(122,49,51)
```
#7a7831
```
#7a7831 rgb(122,120,49)
```

Tetradic Color

#1b1c43
```
#1b1c43 rgb(27,28,67)
```
#222456
```
#222456 rgb(34,36,86)
```
#2a2b68
```
#2a2b68 rgb(42,43,104)
```
#31337a
```
#31337a rgb(49,51,122)
```
#383b8c
```
#383b8c rgb(56,59,140)
```
#40429e
```
#40429e rgb(64,66,158)
```
#474ab1
```
#474ab1 rgb(71,74,177)
```

Monochromatic Color

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

#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)
```
#41317a
```
#41317a rgb(65,49,122)
```

Similar Colors

Text with hexadecimal color #31337a

This text has a font color of #31337a.

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

#31337a background color

This paragraph has a background color of #31337a.

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

#31337a border color

This element has a border color of #31337a.

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

CSS codes

.text {color:#31337a;}

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

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

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

#04040a
```
#04040a rgb(4,4,10)
```
#0a0a18
```
#0a0a18 rgb(10,10,24)
```
#0f1026
```
#0f1026 rgb(15,16,38)
```
#151634
```
#151634 rgb(21,22,52)
```
#1b1c42
```
#1b1c42 rgb(27,28,66)
```
#202150
```
#202150 rgb(32,33,80)
```
#26275e
```
#26275e rgb(38,39,94)
```
#2b2d6c
```
#2b2d6c rgb(43,45,108)
```
#31337a
```
#31337a rgb(49,51,122)
```
#373988
```
#373988 rgb(55,57,136)
```
#3c3f96
```
#3c3f96 rgb(60,63,150)
```
#4245a4
```
#4245a4 rgb(66,69,164)
```
#474ab2
```
#474ab2 rgb(71,74,178)
```

Shade Color Variation

#5356ba
```
#5356ba rgb(83,86,186)
```
#6164c0
```
#6164c0 rgb(97,100,192)
```
#6f71c5
```
#6f71c5 rgb(111,113,197)
```
#7d7fcb
```
#7d7fcb rgb(125,127,203)
```
#8b8dd0
```
#8b8dd0 rgb(139,141,208)
```
#999bd6
```
#999bd6 rgb(153,155,214)
```
#a7a9dc
```
#a7a9dc rgb(167,169,220)
```
#b5b6e1
```
#b5b6e1 rgb(181,182,225)
```
#c3c4e7
```
#c3c4e7 rgb(195,196,231)
```
#d1d2ed
```
#d1d2ed rgb(209,210,237)
```
#dfe0f2
```
#dfe0f2 rgb(223,224,242)
```
#ededf8
```
#ededf8 rgb(237,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#525259
```
#525259 rgb(82,82,89)
```
#4b4c60
```
#4b4c60 rgb(75,76,96)
```
#454666
```
#454666 rgb(69,70,102)
```
#3e3f6d
```
#3e3f6d rgb(62,63,109)
```
#383973
```
#383973 rgb(56,57,115)
```
#31337a
```
#31337a rgb(49,51,122)
```
#2a2d81
```
#2a2d81 rgb(42,45,129)
```
#242787
```
#242787 rgb(36,39,135)
```
#1d208e
```
#1d208e rgb(29,32,142)
```
#171a94
```
#171a94 rgb(23,26,148)
```
#10149b
```
#10149b rgb(16,20,155)
```
#0a0ea1
```
#0a0ea1 rgb(10,14,161)
```
#0307a8
```
#0307a8 rgb(3,7,168)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#383947 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004384 Protanopia 1% of men
#004674 Deuteranopia 1% of men
#214b50 Tritanopia 0.001% of the population

Trichromacy

#113d80 Protanomaly 1% of men, 0.01% of women
#113f76 Deuteranomaly 6% of men, 0.4% of women
#27425f Tritanomaly 0.01% of the population