#31307c hex color

In a RGB color space, hex #31307c is composed of 19.2% red, 18.8% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 61.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 240.8 degrees, a saturation of 44.2% and a lightness of 33.7%. #31307c color hex could be obtained by blending #6260f8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 19
- B 49
RGB color chart
- C 60
- M 61
- Y 0
- K 51
CMYK color chart

● #31307c color description : Dark moderate blue.

The hexadecimal color #31307c has RGB values of R:49, G:48, B:124 and CMYK values of C:0.6, M:0.61, Y:0, K:0.51. Its decimal value is 3223676.

Hex triplet	31307c	`#31307c`
RGB Decimal	49, 48, 124	`rgb(49,48,124)`
RGB Percent	19.2, 18.8, 48.6	`rgb(19.2%,18.8%,48.6%)`
CMYK	60, 61, 0, 51
HSL	240.8°, 44.2, 33.7	`hsl(240.8,44.2%,33.7%)`
HSV (or HSB)	240.8°, 61.3, 48.6
Web Safe	333366	`#333366`

CIE-LAB	24.392, 24.551, -43.225
XYZ	5.961, 4.222, 19.568
xyY	0.2, 0.142, 4.222
CIE-LCH	24.392, 49.71, 299.596
CIE-LUV	24.392, -3.663, -54.373
Hunter-Lab	20.547, 15.827, -42.083
Binary	00110001, 00110000, 01111100

#31307c
```
#31307c rgb(49,48,124)
```
#7b7c30
```
#7b7c30 rgb(123,124,48)
```

Complementary Color

#30557c
```
#30557c rgb(48,85,124)
```
#31307c
```
#31307c rgb(49,48,124)
```
#57307c
```
#57307c rgb(87,48,124)
```

Analogous Color

#557c30
```
#557c30 rgb(85,124,48)
```
#31307c
```
#31307c rgb(49,48,124)
```
#7c5730
```
#7c5730 rgb(124,87,48)
```

Split Complementary Color

#307c31
```
#307c31 rgb(48,124,49)
```
#31307c
```
#31307c rgb(49,48,124)
```
#7c3130
```
#7c3130 rgb(124,49,48)
```

Triadic Color

#307b7c
```
#307b7c rgb(48,123,124)
```
#31307c
```
#31307c rgb(49,48,124)
```
#7c3130
```
#7c3130 rgb(124,49,48)
```
#7b7c30
```
#7b7c30 rgb(123,124,48)
```

Tetradic Color

#1b1b45
```
#1b1b45 rgb(27,27,69)
```
#222257
```
#222257 rgb(34,34,87)
```
#2a296a
```
#2a296a rgb(42,41,106)
```
#31307c
```
#31307c rgb(49,48,124)
```
#38378e
```
#38378e rgb(56,55,142)
```
#403ea1
```
#403ea1 rgb(64,62,161)
```
#4745b3
```
#4745b3 rgb(71,69,179)
```

Monochromatic Color

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

#30427c
```
#30427c rgb(48,66,124)
```
#303c7c
```
#303c7c rgb(48,60,124)
```
#30357c
```
#30357c rgb(48,53,124)
```
#31307c
```
#31307c rgb(49,48,124)
```
#37307c
```
#37307c rgb(55,48,124)
```
#3e307c
```
#3e307c rgb(62,48,124)
```
#44307c
```
#44307c rgb(68,48,124)
```

Similar Colors

Text with hexadecimal color #31307c

This text has a font color of #31307c.

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

#31307c background color

This paragraph has a background color of #31307c.

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

#31307c border color

This element has a border color of #31307c.

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

CSS codes

.text {color:#31307c;}

.background {background-color:#31307c;}

.border {border:1px solid #31307c;}

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

#04040b
```
#04040b rgb(4,4,11)
```
#0a0a19
```
#0a0a19 rgb(10,10,25)
```
#0f0f27
```
#0f0f27 rgb(15,15,39)
```
#151535
```
#151535 rgb(21,21,53)
```
#1b1a43
```
#1b1a43 rgb(27,26,67)
```
#202052
```
#202052 rgb(32,32,82)
```
#262560
```
#262560 rgb(38,37,96)
```
#2b2b6e
```
#2b2b6e rgb(43,43,110)
```
#31307c
```
#31307c rgb(49,48,124)
```
#37358a
```
#37358a rgb(55,53,138)
```
#3c3b98
```
#3c3b98 rgb(60,59,152)
```
#4240a6
```
#4240a6 rgb(66,64,166)
```
#4746b5
```
#4746b5 rgb(71,70,181)
```

Shade Color Variation

#5352bc
```
#5352bc rgb(83,82,188)
```
#6160c2
```
#6160c2 rgb(97,96,194)
```
#6f6ec7
```
#6f6ec7 rgb(111,110,199)
```
#7e7ccc
```
#7e7ccc rgb(126,124,204)
```
#8c8bd2
```
#8c8bd2 rgb(140,139,210)
```
#9a99d7
```
#9a99d7 rgb(154,153,215)
```
#a8a7dd
```
#a8a7dd rgb(168,167,221)
```
#b6b5e2
```
#b6b5e2 rgb(182,181,226)
```
#c4c3e8
```
#c4c3e8 rgb(196,195,232)
```
#d2d1ed
```
#d2d1ed rgb(210,209,237)
```
#e0dff3
```
#e0dff3 rgb(224,223,243)
```
#eeeef8
```
#eeeef8 rgb(238,238,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#51515b
```
#51515b rgb(81,81,91)
```
#4b4a62
```
#4b4a62 rgb(75,74,98)
```
#444468
```
#444468 rgb(68,68,104)
```
#3e3d6f
```
#3e3d6f rgb(62,61,111)
```
#373775
```
#373775 rgb(55,55,117)
```
#31307c
```
#31307c rgb(49,48,124)
```
#2b2983
```
#2b2983 rgb(43,41,131)
```
#242389
```
#242389 rgb(36,35,137)
```
#1e1c90
```
#1e1c90 rgb(30,28,144)
```
#171696
```
#171696 rgb(23,22,150)
```
#110f9d
```
#110f9d rgb(17,15,157)
```
#0a08a4
```
#0a08a4 rgb(10,8,164)
```
#0402aa
```
#0402aa rgb(4,2,170)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373746 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004571 Deuteranopia 1% of men
#1e494f Tritanopia 0.001% of the population

Trichromacy

#113b7f Protanomaly 1% of men, 0.01% of women
#113d75 Deuteranomaly 6% of men, 0.4% of women
#24405f Tritanomaly 0.01% of the population

#31307c hex color

#31307c Color Information

#31307c Color Conversion

Color Schemes with #31307c

Alternatives to #31307c

#31307c Preview

Shades and Tints of #31307c

Tones of #31307c

Color Blindness Simulator