colorhexa.com

#311fd7 hex color

In a RGB color space, hex #311fd7 is composed of 19.2% red, 12.2% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 85.6% magenta, 0% yellow and 15.7% black. It has a hue angle of 245.9 degrees, a saturation of 74.8% and a lightness of 48.2%. #311fd7 color hex could be obtained by blending #623eff with #0000af. Closest websafe color is: #3333cc.

- R 19
- G 12
- B 84
RGB color chart
- C 77
- M 86
- Y 0
- K 16
CMYK color chart

● #311fd7 color description : Strong blue.

The hexadecimal color #311fd7 has RGB values of R:49, G:31, B:215 and CMYK values of C:0.77, M:0.86, Y:0, K:0.16. Its decimal value is 3219415.

Hex triplet	311fd7	`#311fd7`
RGB Decimal	49, 31, 215	`rgb(49,31,215)`
RGB Percent	19.2, 12.2, 84.3	`rgb(19.2%,12.2%,84.3%)`
CMYK	77, 86, 0, 16
HSL	245.9°, 74.8, 48.2	`hsl(245.9,74.8%,48.2%)`
HSV (or HSB)	245.9°, 85.6, 84.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.732, 62.753, -87.665
XYZ	14.02, 6.538, 64.809
xyY	0.164, 0.077, 6.538
CIE-LCH	30.732, 107.81, 305.596
CIE-LUV	30.732, -5.947, -110.41
Hunter-Lab	25.57, 53.122, -132.375
Binary	00110001, 00011111, 11010111

#311fd7
```
#311fd7 rgb(49,31,215)
```
#c5d71f
```
#c5d71f rgb(197,215,31)
```

Complementary Color

#1f69d7
```
#1f69d7 rgb(31,105,215)
```
#311fd7
```
#311fd7 rgb(49,31,215)
```
#8d1fd7
```
#8d1fd7 rgb(141,31,215)
```

Analogous Color

#69d71f
```
#69d71f rgb(105,215,31)
```
#311fd7
```
#311fd7 rgb(49,31,215)
```
#d78d1f
```
#d78d1f rgb(215,141,31)
```

Split Complementary Color

#1fd731
```
#1fd731 rgb(31,215,49)
```
#311fd7
```
#311fd7 rgb(49,31,215)
```
#d7311f
```
#d7311f rgb(215,49,31)
```

Triadic Color

#1fc5d7
```
#1fc5d7 rgb(31,197,215)
```
#311fd7
```
#311fd7 rgb(49,31,215)
```
#d7311f
```
#d7311f rgb(215,49,31)
```
#c5d71f
```
#c5d71f rgb(197,215,31)
```

Tetradic Color

#221594
```
#221594 rgb(34,21,148)
```
#2719aa
```
#2719aa rgb(39,25,170)
```
#2c1cc1
```
#2c1cc1 rgb(44,28,193)
```
#311fd7
```
#311fd7 rgb(49,31,215)
```
#402fe1
```
#402fe1 rgb(64,47,225)
```
#5445e4
```
#5445e4 rgb(84,69,228)
```
#695be7
```
#695be7 rgb(105,91,231)
```

Monochromatic Color

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

#1f3bd7
```
#1f3bd7 rgb(31,59,215)
```
#1f2cd7
```
#1f2cd7 rgb(31,44,215)
```
#221fd7
```
#221fd7 rgb(34,31,215)
```
#311fd7
```
#311fd7 rgb(49,31,215)
```
#401fd7
```
#401fd7 rgb(64,31,215)
```
#501fd7
```
#501fd7 rgb(80,31,215)
```
#5f1fd7
```
#5f1fd7 rgb(95,31,215)
```

Similar Colors

Text with hexadecimal color #311fd7

This text has a font color of #311fd7.

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

#311fd7 background color

This paragraph has a background color of #311fd7.

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

#311fd7 border color

This element has a border color of #311fd7.

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

CSS codes

.text {color:#311fd7;}

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

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

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, #020109 is the darkest color, while #f8f7fe is the lightest one.

#020109
```
#020109 rgb(2,1,9)
```
#06041a
```
#06041a rgb(6,4,26)
```
#0a062c
```
#0a062c rgb(10,6,44)
```
#0e093d
```
#0e093d rgb(14,9,61)
```
#120b4e
```
#120b4e rgb(18,11,78)
```
#160e5f
```
#160e5f rgb(22,14,95)
```
#1a1070
```
#1a1070 rgb(26,16,112)
```
#1d1381
```
#1d1381 rgb(29,19,129)
```
#211592
```
#211592 rgb(33,21,146)
```
#2518a4
```
#2518a4 rgb(37,24,164)
```
#291ab5
```
#291ab5 rgb(41,26,181)
```
#2d1dc6
```
#2d1dc6 rgb(45,29,198)
```
#311fd7
```
#311fd7 rgb(49,31,215)
```

Shade Color Variation

#3b29e0
```
#3b29e0 rgb(59,41,224)
```
#4b3be3
```
#4b3be3 rgb(75,59,227)
```
#5b4ce5
```
#5b4ce5 rgb(91,76,229)
```
#6a5de8
```
#6a5de8 rgb(106,93,232)
```
#7a6eea
```
#7a6eea rgb(122,110,234)
```
#8a7fed
```
#8a7fed rgb(138,127,237)
```
#9a90ef
```
#9a90ef rgb(154,144,239)
```
#a9a1f2
```
#a9a1f2 rgb(169,161,242)
```
#b9b3f4
```
#b9b3f4 rgb(185,179,244)
```
#c9c4f6
```
#c9c4f6 rgb(201,196,246)
```
#d8d5f9
```
#d8d5f9 rgb(216,213,249)
```
#e8e6fb
```
#e8e6fb rgb(232,230,251)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#757482
```
#757482 rgb(117,116,130)
```
#6e6b8b
```
#6e6b8b rgb(110,107,139)
```
#666195
```
#666195 rgb(102,97,149)
```
#5f589e
```
#5f589e rgb(95,88,158)
```
#574ea8
```
#574ea8 rgb(87,78,168)
```
#4f45b1
```
#4f45b1 rgb(79,69,177)
```
#483bbb
```
#483bbb rgb(72,59,187)
```
#4032c4
```
#4032c4 rgb(64,50,196)
```
#3928ce
```
#3928ce rgb(57,40,206)
```
#311fd7
```
#311fd7 rgb(49,31,215)
```
#2916e0
```
#2916e0 rgb(41,22,224)
```
#220cea
```
#220cea rgb(34,12,234)
```
#1a03f3
```
#1a03f3 rgb(26,3,243)
```

Tone Color Variation

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

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#113db0 Protanomaly 1% of men, 0.01% of women
#1140a2 Deuteranomaly 6% of men, 0.4% of women
#11448a Tritanomaly 0.01% of the population