#311cd6 hex color

In a RGB color space, hex #311cd6 is composed of 19.2% red, 11% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 86.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 246.8 degrees, a saturation of 76.9% and a lightness of 47.5%. #311cd6 color hex could be obtained by blending #6238ff with #0000ad. Closest websafe color is: #3333cc.

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

● #311cd6 color description : Strong blue.

The hexadecimal color #311cd6 has RGB values of R:49, G:28, B:214 and CMYK values of C:0.77, M:0.87, Y:0, K:0.16. Its decimal value is 3218646.

Hex triplet	311cd6	`#311cd6`
RGB Decimal	49, 28, 214	`rgb(49,28,214)`
RGB Percent	19.2, 11, 83.9	`rgb(19.2%,11%,83.9%)`
CMYK	77, 87, 0, 16
HSL	246.8°, 76.9, 47.5	`hsl(246.8,76.9%,47.5%)`
HSV (or HSB)	246.8°, 86.9, 83.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.249, 63.555, -87.89
XYZ	13.817, 6.338, 64.11
xyY	0.164, 0.075, 6.338
CIE-LCH	30.249, 108.462, 305.871
CIE-LUV	30.249, -5.644, -109.701
Hunter-Lab	25.175, 53.914, -133.365
Binary	00110001, 00011100, 11010110

#311cd6
```
#311cd6 rgb(49,28,214)
```
#c1d61c
```
#c1d61c rgb(193,214,28)
```

Complementary Color

#1c64d6
```
#1c64d6 rgb(28,100,214)
```
#311cd6
```
#311cd6 rgb(49,28,214)
```
#8e1cd6
```
#8e1cd6 rgb(142,28,214)
```

Analogous Color

#64d61c
```
#64d61c rgb(100,214,28)
```
#311cd6
```
#311cd6 rgb(49,28,214)
```
#d68e1c
```
#d68e1c rgb(214,142,28)
```

Split Complementary Color

#1cd631
```
#1cd631 rgb(28,214,49)
```
#311cd6
```
#311cd6 rgb(49,28,214)
```
#d6311c
```
#d6311c rgb(214,49,28)
```

Triadic Color

#1cc1d6
```
#1cc1d6 rgb(28,193,214)
```
#311cd6
```
#311cd6 rgb(49,28,214)
```
#d6311c
```
#d6311c rgb(214,49,28)
```
#c1d61c
```
#c1d61c rgb(193,214,28)
```

Tetradic Color

#221392
```
#221392 rgb(34,19,146)
```
#2716a9
```
#2716a9 rgb(39,22,169)
```
#2c19bf
```
#2c19bf rgb(44,25,191)
```
#311cd6
```
#311cd6 rgb(49,28,214)
```
#3e29e3
```
#3e29e3 rgb(62,41,227)
```
#523fe6
```
#523fe6 rgb(82,63,230)
```
#6656e9
```
#6656e9 rgb(102,86,233)
```

Monochromatic Color

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

#1c36d6
```
#1c36d6 rgb(28,54,214)
```
#1c26d6
```
#1c26d6 rgb(28,38,214)
```
#211cd6
```
#211cd6 rgb(33,28,214)
```
#311cd6
```
#311cd6 rgb(49,28,214)
```
#401cd6
```
#401cd6 rgb(64,28,214)
```
#501cd6
```
#501cd6 rgb(80,28,214)
```
#5f1cd6
```
#5f1cd6 rgb(95,28,214)
```

Similar Colors

Text with hexadecimal color #311cd6

This text has a font color of #311cd6.

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

#311cd6 background color

This paragraph has a background color of #311cd6.

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

#311cd6 border color

This element has a border color of #311cd6.

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

CSS codes

.text {color:#311cd6;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#050317
```
#050317 rgb(5,3,23)
```
#090529
```
#090529 rgb(9,5,41)
```
#0d083a
```
#0d083a rgb(13,8,58)
```
#110a4b
```
#110a4b rgb(17,10,75)
```
#150c5d
```
#150c5d rgb(21,12,93)
```
#190e6e
```
#190e6e rgb(25,14,110)
```
#1d117f
```
#1d117f rgb(29,17,127)
```
#211391
```
#211391 rgb(33,19,145)
```
#2515a2
```
#2515a2 rgb(37,21,162)
```
#2917b3
```
#2917b3 rgb(41,23,179)
```
#2d1ac5
```
#2d1ac5 rgb(45,26,197)
```
#311cd6
```
#311cd6 rgb(49,28,214)
```

Shade Color Variation

#3923e2
```
#3923e2 rgb(57,35,226)
```
#4935e5
```
#4935e5 rgb(73,53,229)
```
#5846e7
```
#5846e7 rgb(88,70,231)
```
#6857e9
```
#6857e9 rgb(104,87,233)
```
#7769eb
```
#7769eb rgb(119,105,235)
```
#877aee
```
#877aee rgb(135,122,238)
```
#978bf0
```
#978bf0 rgb(151,139,240)
```
#a69df2
```
#a69df2 rgb(166,157,242)
```
#b6aef4
```
#b6aef4 rgb(182,174,244)
```
#c6bff7
```
#c6bff7 rgb(198,191,247)
```
#d5d1f9
```
#d5d1f9 rgb(213,209,249)
```
#e5e2fb
```
#e5e2fb rgb(229,226,251)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#727082
```
#727082 rgb(114,112,130)
```
#6b668c
```
#6b668c rgb(107,102,140)
```
#635d95
```
#635d95 rgb(99,93,149)
```
#5c549e
```
#5c549e rgb(92,84,158)
```
#554ba7
```
#554ba7 rgb(85,75,167)
```
#4e41b1
```
#4e41b1 rgb(78,65,177)
```
#4738ba
```
#4738ba rgb(71,56,186)
```
#3f2fc3
```
#3f2fc3 rgb(63,47,195)
```
#3825cd
```
#3825cd rgb(56,37,205)
```
#311cd6
```
#311cd6 rgb(49,28,214)
```
#2a13df
```
#2a13df rgb(42,19,223)
```
#2309e9
```
#2309e9 rgb(35,9,233)
```
#1b00f2
```
#1b00f2 rgb(27,0,242)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005383 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#113cae Protanomaly 1% of men, 0.01% of women
#113fa1 Deuteranomaly 6% of men, 0.4% of women
#114288 Tritanomaly 0.01% of the population

#311cd6 hex color

#311cd6 Color Information

#311cd6 Color Conversion

Color Schemes with #311cd6

Alternatives to #311cd6

#311cd6 Preview

Shades and Tints of #311cd6

Tones of #311cd6

Color Blindness Simulator