#311f7c hex color

In a RGB color space, hex #311f7c is composed of 19.2% red, 12.2% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 75% magenta, 0% yellow and 51.4% black. It has a hue angle of 251.6 degrees, a saturation of 60% and a lightness of 30.4%. #311f7c color hex could be obtained by blending #623ef8 with #000000. Closest websafe color is: #333366.

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

● #311f7c color description : Dark blue.

The hexadecimal color #311f7c has RGB values of R:49, G:31, B:124 and CMYK values of C:0.6, M:0.75, Y:0, K:0.51. Its decimal value is 3219324.

Hex triplet	311f7c	`#311f7c`
RGB Decimal	49, 31, 124	`rgb(49,31,124)`
RGB Percent	19.2, 12.2, 48.6	`rgb(19.2%,12.2%,48.6%)`
CMYK	60, 75, 0, 51
HSL	251.6°, 60, 30.4	`hsl(251.6,60%,30.4%)`
HSV (or HSB)	251.6°, 75, 48.6
Web Safe	333366	`#333366`

CIE-LAB	20.393, 35.278, -49.755
XYZ	5.394, 3.088, 19.379
xyY	0.194, 0.111, 3.088
CIE-LCH	20.393, 60.993, 305.338
CIE-LUV	20.393, -0.379, -57.089
Hunter-Lab	17.573, 24.039, -53.085
Binary	00110001, 00011111, 01111100

#311f7c
```
#311f7c rgb(49,31,124)
```
#6a7c1f
```
#6a7c1f rgb(106,124,31)
```

Complementary Color

#1f3c7c
```
#1f3c7c rgb(31,60,124)
```
#311f7c
```
#311f7c rgb(49,31,124)
```
#601f7c
```
#601f7c rgb(96,31,124)
```

Analogous Color

#3c7c1f
```
#3c7c1f rgb(60,124,31)
```
#311f7c
```
#311f7c rgb(49,31,124)
```
#7c601f
```
#7c601f rgb(124,96,31)
```

Split Complementary Color

#1f7c31
```
#1f7c31 rgb(31,124,49)
```
#311f7c
```
#311f7c rgb(49,31,124)
```
#7c311f
```
#7c311f rgb(124,49,31)
```

Triadic Color

#1f6a7c
```
#1f6a7c rgb(31,106,124)
```
#311f7c
```
#311f7c rgb(49,31,124)
```
#7c311f
```
#7c311f rgb(124,49,31)
```
#6a7c1f
```
#6a7c1f rgb(106,124,31)
```

Tetradic Color

#19103f
```
#19103f rgb(25,16,63)
```
#211553
```
#211553 rgb(33,21,83)
```
#291a68
```
#291a68 rgb(41,26,104)
```
#311f7c
```
#311f7c rgb(49,31,124)
```
#392490
```
#392490 rgb(57,36,144)
```
#4129a5
```
#4129a5 rgb(65,41,165)
```
#492eb9
```
#492eb9 rgb(73,46,185)
```

Monochromatic Color

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

#1f247c
```
#1f247c rgb(31,36,124)
```
#221f7c
```
#221f7c rgb(34,31,124)
```
#291f7c
```
#291f7c rgb(41,31,124)
```
#311f7c
```
#311f7c rgb(49,31,124)
```
#391f7c
```
#391f7c rgb(57,31,124)
```
#411f7c
```
#411f7c rgb(65,31,124)
```
#481f7c
```
#481f7c rgb(72,31,124)
```

Similar Colors

Text with hexadecimal color #311f7c

This text has a font color of #311f7c.

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

#311f7c background color

This paragraph has a background color of #311f7c.

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

#311f7c border color

This element has a border color of #311f7c.

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

CSS codes

.text {color:#311f7c;}

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

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

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

#06040e
```
#06040e rgb(6,4,14)
```
#0c071e
```
#0c071e rgb(12,7,30)
```
#120b2e
```
#120b2e rgb(18,11,46)
```
#180f3d
```
#180f3d rgb(24,15,61)
```
#1e134d
```
#1e134d rgb(30,19,77)
```
#25175d
```
#25175d rgb(37,23,93)
```
#2b1b6c
```
#2b1b6c rgb(43,27,108)
```
#311f7c
```
#311f7c rgb(49,31,124)
```
#37238c
```
#37238c rgb(55,35,140)
```
#3d279b
```
#3d279b rgb(61,39,155)
```
#442bab
```
#442bab rgb(68,43,171)
```
#4a2fbb
```
#4a2fbb rgb(74,47,187)
```
#5033ca
```
#5033ca rgb(80,51,202)
```

Shade Color Variation

#5d41d0
```
#5d41d0 rgb(93,65,208)
```
#6a51d3
```
#6a51d3 rgb(106,81,211)
```
#7861d7
```
#7861d7 rgb(120,97,215)
```
#8570db
```
#8570db rgb(133,112,219)
```
#9280df
```
#9280df rgb(146,128,223)
```
#a090e3
```
#a090e3 rgb(160,144,227)
```
#ad9fe7
```
#ad9fe7 rgb(173,159,231)
```
#bbafeb
```
#bbafeb rgb(187,175,235)
```
#c8bfef
```
#c8bfef rgb(200,191,239)
```
#d5cef3
```
#d5cef3 rgb(213,206,243)
```
#e3def7
```
#e3def7 rgb(227,222,247)
```
#f0eefb
```
#f0eefb rgb(240,238,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#4b4952
```
#4b4952 rgb(75,73,82)
```
#474358
```
#474358 rgb(71,67,88)
```
#433d5e
```
#433d5e rgb(67,61,94)
```
#403764
```
#403764 rgb(64,55,100)
```
#3c316a
```
#3c316a rgb(60,49,106)
```
#382b70
```
#382b70 rgb(56,43,112)
```
#352576
```
#352576 rgb(53,37,118)
```
#311f7c
```
#311f7c rgb(49,31,124)
```
#2d1982
```
#2d1982 rgb(45,25,130)
```
#2a1388
```
#2a1388 rgb(42,19,136)
```
#260d8e
```
#260d8e rgb(38,13,142)
```
#220794
```
#220794 rgb(34,7,148)
```
#1f019a
```
#1f019a rgb(31,1,154)
```

Tone Color Variation

Below, you can see how #311f7c 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
#2f2c3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a71 Protanopia 1% of men
#003d62 Deuteranopia 1% of men
#174145 Tritanopia 0.001% of the population

Trichromacy

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

#311f7c hex color

#311f7c Color Information

#311f7c Color Conversion

Color Schemes with #311f7c

Alternatives to #311f7c

#311f7c Preview

Shades and Tints of #311f7c

Tones of #311f7c

Color Blindness Simulator