#311f7d hex color

In a RGB color space, hex #311f7d is composed of 19.2% red, 12.2% green and 49% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 75.2% magenta, 0% yellow and 51% black. It has a hue angle of 251.5 degrees, a saturation of 60.3% and a lightness of 30.6%. #311f7d color hex could be obtained by blending #623efa with #000000. Closest websafe color is: #333366.

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

● #311f7d color description : Dark blue.

The hexadecimal color #311f7d has RGB values of R:49, G:31, B:125 and CMYK values of C:0.61, M:0.75, Y:0, K:0.51. Its decimal value is 3219325.

Hex triplet	311f7d	`#311f7d`
RGB Decimal	49, 31, 125	`rgb(49,31,125)`
RGB Percent	19.2, 12.2, 49	`rgb(19.2%,12.2%,49%)`
CMYK	61, 75, 0, 51
HSL	251.5°, 60.3, 30.6	`hsl(251.5,60.3%,30.6%)`
HSV (or HSB)	251.5°, 75.2, 49
Web Safe	333366	`#333366`

CIE-LAB	20.493, 35.601, -50.227
XYZ	5.458, 3.113, 19.714
xyY	0.193, 0.11, 3.113
CIE-LCH	20.493, 61.565, 305.329
CIE-LUV	20.493, -0.454, -57.698
Hunter-Lab	17.645, 24.332, -53.892
Binary	00110001, 00011111, 01111101

#311f7d
```
#311f7d rgb(49,31,125)
```
#6b7d1f
```
#6b7d1f rgb(107,125,31)
```

Complementary Color

#1f3c7d
```
#1f3c7d rgb(31,60,125)
```
#311f7d
```
#311f7d rgb(49,31,125)
```
#601f7d
```
#601f7d rgb(96,31,125)
```

Analogous Color

#3c7d1f
```
#3c7d1f rgb(60,125,31)
```
#311f7d
```
#311f7d rgb(49,31,125)
```
#7d601f
```
#7d601f rgb(125,96,31)
```

Split Complementary Color

#1f7d31
```
#1f7d31 rgb(31,125,49)
```
#311f7d
```
#311f7d rgb(49,31,125)
```
#7d311f
```
#7d311f rgb(125,49,31)
```

Triadic Color

#1f6b7d
```
#1f6b7d rgb(31,107,125)
```
#311f7d
```
#311f7d rgb(49,31,125)
```
#7d311f
```
#7d311f rgb(125,49,31)
```
#6b7d1f
```
#6b7d1f rgb(107,125,31)
```

Tetradic Color

#191040
```
#191040 rgb(25,16,64)
```
#211554
```
#211554 rgb(33,21,84)
```
#291a69
```
#291a69 rgb(41,26,105)
```
#311f7d
```
#311f7d rgb(49,31,125)
```
#392491
```
#392491 rgb(57,36,145)
```
#4129a6
```
#4129a6 rgb(65,41,166)
```
#492eba
```
#492eba rgb(73,46,186)
```

Monochromatic Color

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

#1f247d
```
#1f247d rgb(31,36,125)
```
#211f7d
```
#211f7d rgb(33,31,125)
```
#291f7d
```
#291f7d rgb(41,31,125)
```
#311f7d
```
#311f7d rgb(49,31,125)
```
#391f7d
```
#391f7d rgb(57,31,125)
```
#411f7d
```
#411f7d rgb(65,31,125)
```
#491f7d
```
#491f7d rgb(73,31,125)
```

Similar Colors

Text with hexadecimal color #311f7d

This text has a font color of #311f7d.

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

#311f7d background color

This paragraph has a background color of #311f7d.

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

#311f7d border color

This element has a border color of #311f7d.

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

CSS codes

.text {color:#311f7d;}

.background {background-color:#311f7d;}

.border {border:1px solid #311f7d;}

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

#06040f
```
#06040f rgb(6,4,15)
```
#0c081f
```
#0c081f rgb(12,8,31)
```
#120c2e
```
#120c2e rgb(18,12,46)
```
#180f3e
```
#180f3e rgb(24,15,62)
```
#1f134e
```
#1f134e rgb(31,19,78)
```
#25175e
```
#25175e rgb(37,23,94)
```
#2b1b6d
```
#2b1b6d rgb(43,27,109)
```
#311f7d
```
#311f7d rgb(49,31,125)
```
#37238d
```
#37238d rgb(55,35,141)
```
#3d279c
```
#3d279c rgb(61,39,156)
```
#432bac
```
#432bac rgb(67,43,172)
```
#4a2fbc
```
#4a2fbc rgb(74,47,188)
```
#5032cc
```
#5032cc rgb(80,50,204)
```

Shade Color Variation

#5d42d0
```
#5d42d0 rgb(93,66,208)
```
#6a51d4
```
#6a51d4 rgb(106,81,212)
```
#7861d8
```
#7861d8 rgb(120,97,216)
```
#8571dc
```
#8571dc rgb(133,113,220)
```
#9381e0
```
#9381e0 rgb(147,129,224)
```
#a090e4
```
#a090e4 rgb(160,144,228)
```
#aea0e7
```
#aea0e7 rgb(174,160,231)
```
#bbb0eb
```
#bbb0eb rgb(187,176,235)
```
#c9bfef
```
#c9bfef rgb(201,191,239)
```
#d6cff3
```
#d6cff3 rgb(214,207,243)
```
#e3dff7
```
#e3dff7 rgb(227,223,247)
```
#f1effb
```
#f1effb rgb(241,239,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#4b4953
```
#4b4953 rgb(75,73,83)
```
#474359
```
#474359 rgb(71,67,89)
```
#443d5f
```
#443d5f rgb(68,61,95)
```
#403765
```
#403765 rgb(64,55,101)
```
#3c316b
```
#3c316b rgb(60,49,107)
```
#382b71
```
#382b71 rgb(56,43,113)
```
#352577
```
#352577 rgb(53,37,119)
```
#311f7d
```
#311f7d rgb(49,31,125)
```
#2d1983
```
#2d1983 rgb(45,25,131)
```
#2a1389
```
#2a1389 rgb(42,19,137)
```
#260d8f
```
#260d8f rgb(38,13,143)
```
#220795
```
#220795 rgb(34,7,149)
```
#1e019b
```
#1e019b rgb(30,1,155)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f2c3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a71 Protanopia 1% of men
#003d63 Deuteranopia 1% of men
#154146 Tritanopia 0.001% of the population

Trichromacy

#113075 Protanomaly 1% of men, 0.01% of women
#11326c Deuteranomaly 6% of men, 0.4% of women
#1f345a Tritanomaly 0.01% of the population

#311f7d hex color

#311f7d Color Information

#311f7d Color Conversion

Color Schemes with #311f7d

Alternatives to #311f7d

#311f7d Preview

Shades and Tints of #311f7d

Tones of #311f7d

Color Blindness Simulator