#311ad7 hex color

In a RGB color space, hex #311ad7 is composed of 19.2% red, 10.2% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 87.9% magenta, 0% yellow and 15.7% black. It has a hue angle of 247.3 degrees, a saturation of 78.4% and a lightness of 47.3%. #311ad7 color hex could be obtained by blending #6234ff with #0000af. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 10
- B 84
RGB color chart
- C 77
- M 88
- Y 0
- K 16
CMYK color chart

● #311ad7 color description : Strong blue.

The hexadecimal color #311ad7 has RGB values of R:49, G:26, B:215 and CMYK values of C:0.77, M:0.88, Y:0, K:0.16. Its decimal value is 3218135.

Hex triplet	311ad7	`#311ad7`
RGB Decimal	49, 26, 215	`rgb(49,26,215)`
RGB Percent	19.2, 10.2, 84.3	`rgb(19.2%,10.2%,84.3%)`
CMYK	77, 88, 0, 16
HSL	247.3°, 78.4, 47.3	`hsl(247.3,78.4%,47.3%)`
HSV (or HSB)	247.3°, 87.9, 84.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.15, 64.501, -88.633
XYZ	13.899, 6.297, 64.769
xyY	0.164, 0.074, 6.297
CIE-LCH	30.15, 109.618, 306.044
CIE-LUV	30.15, -5.545, -110.172
Hunter-Lab	25.094, 54.954, -135.464
Binary	00110001, 00011010, 11010111

#311ad7
```
#311ad7 rgb(49,26,215)
```
#c0d71a
```
#c0d71a rgb(192,215,26)
```

Complementary Color

#1a62d7
```
#1a62d7 rgb(26,98,215)
```
#311ad7
```
#311ad7 rgb(49,26,215)
```
#901ad7
```
#901ad7 rgb(144,26,215)
```

Analogous Color

#62d71a
```
#62d71a rgb(98,215,26)
```
#311ad7
```
#311ad7 rgb(49,26,215)
```
#d7901a
```
#d7901a rgb(215,144,26)
```

Split Complementary Color

#1ad731
```
#1ad731 rgb(26,215,49)
```
#311ad7
```
#311ad7 rgb(49,26,215)
```
#d7311a
```
#d7311a rgb(215,49,26)
```

Triadic Color

#1ac0d7
```
#1ac0d7 rgb(26,192,215)
```
#311ad7
```
#311ad7 rgb(49,26,215)
```
#d7311a
```
#d7311a rgb(215,49,26)
```
#c0d71a
```
#c0d71a rgb(192,215,26)
```

Tetradic Color

#211293
```
#211293 rgb(33,18,147)
```
#2714aa
```
#2714aa rgb(39,20,170)
```
#2c17c0
```
#2c17c0 rgb(44,23,192)
```
#311ad7
```
#311ad7 rgb(49,26,215)
```
#3d26e5
```
#3d26e5 rgb(61,38,229)
```
#513de7
```
#513de7 rgb(81,61,231)
```
#6653ea
```
#6653ea rgb(102,83,234)
```

Monochromatic Color

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

#1a32d7
```
#1a32d7 rgb(26,50,215)
```
#1a23d7
```
#1a23d7 rgb(26,35,215)
```
#211ad7
```
#211ad7 rgb(33,26,215)
```
#311ad7
```
#311ad7 rgb(49,26,215)
```
#411ad7
```
#411ad7 rgb(65,26,215)
```
#501ad7
```
#501ad7 rgb(80,26,215)
```
#601ad7
```
#601ad7 rgb(96,26,215)
```

Similar Colors

Text with hexadecimal color #311ad7

This text has a font color of #311ad7.

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

#311ad7 background color

This paragraph has a background color of #311ad7.

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

#311ad7 border color

This element has a border color of #311ad7.

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

CSS codes

.text {color:#311ad7;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#050317
```
#050317 rgb(5,3,23)
```
#090528
```
#090528 rgb(9,5,40)
```
#0d073a
```
#0d073a rgb(13,7,58)
```
#11094b
```
#11094b rgb(17,9,75)
```
#150b5d
```
#150b5d rgb(21,11,93)
```
#190d6e
```
#190d6e rgb(25,13,110)
```
#1d0f80
```
#1d0f80 rgb(29,15,128)
```
#211291
```
#211291 rgb(33,18,145)
```
#2514a3
```
#2514a3 rgb(37,20,163)
```
#2916b4
```
#2916b4 rgb(41,22,180)
```
#2d18c6
```
#2d18c6 rgb(45,24,198)
```
#311ad7
```
#311ad7 rgb(49,26,215)
```

Shade Color Variation

#3821e4
```
#3821e4 rgb(56,33,228)
```
#4832e6
```
#4832e6 rgb(72,50,230)
```
#5844e8
```
#5844e8 rgb(88,68,232)
```
#6755ea
```
#6755ea rgb(103,85,234)
```
#7767ed
```
#7767ed rgb(119,103,237)
```
#8678ef
```
#8678ef rgb(134,120,239)
```
#968af1
```
#968af1 rgb(150,138,241)
```
#a69bf3
```
#a69bf3 rgb(166,155,243)
```
#b5adf5
```
#b5adf5 rgb(181,173,245)
```
#c5bef7
```
#c5bef7 rgb(197,190,247)
```
#d5d0f9
```
#d5d0f9 rgb(213,208,249)
```
#e4e1fb
```
#e4e1fb rgb(228,225,251)
```
#f4f3fd
```
#f4f3fd rgb(244,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77777a is the less saturated color, while #2307ea is the most saturated one.

#77777a
```
#77777a rgb(119,119,122)
```
#706d84
```
#706d84 rgb(112,109,132)
```
#69648d
```
#69648d rgb(105,100,141)
```
#625b96
```
#625b96 rgb(98,91,150)
```
#5b529f
```
#5b529f rgb(91,82,159)
```
#5448a9
```
#5448a9 rgb(84,72,169)
```
#4d3fb2
```
#4d3fb2 rgb(77,63,178)
```
#4636bb
```
#4636bb rgb(70,54,187)
```
#3f2dc4
```
#3f2dc4 rgb(63,45,196)
```
#3823ce
```
#3823ce rgb(56,35,206)
```
#311ad7
```
#311ad7 rgb(49,26,215)
```
#2a11e0
```
#2a11e0 rgb(42,17,224)
```
#2307ea
```
#2307ea rgb(35,7,234)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#353056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005283 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#113bae Protanomaly 1% of men, 0.01% of women
#113ea1 Deuteranomaly 6% of men, 0.4% of women
#114189 Tritanomaly 0.01% of the population

#311ad7 hex color

#311ad7 Color Information

#311ad7 Color Conversion

Color Schemes with #311ad7

Alternatives to #311ad7

#311ad7 Preview

Shades and Tints of #311ad7

Tones of #311ad7

Color Blindness Simulator