#311dc2 hex color

In a RGB color space, hex #311dc2 is composed of 19.2% red, 11.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 85.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 247.3 degrees, a saturation of 74% and a lightness of 43.7%. #311dc2 color hex could be obtained by blending #623aff with #000085. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 11
- B 76
RGB color chart
- C 75
- M 85
- Y 0
- K 24
CMYK color chart

● #311dc2 color description : Strong blue.

The hexadecimal color #311dc2 has RGB values of R:49, G:29, B:194 and CMYK values of C:0.75, M:0.85, Y:0, K:0.24. Its decimal value is 3218882.

Hex triplet	311dc2	`#311dc2`
RGB Decimal	49, 29, 194	`rgb(49,29,194)`
RGB Percent	19.2, 11.4, 76.1	`rgb(19.2%,11.4%,76.1%)`
CMYK	75, 85, 0, 24
HSL	247.3°, 74, 43.7	`hsl(247.3,74%,43.7%)`
HSV (or HSB)	247.3°, 85.1, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.916, 57.589, -80.091
XYZ	11.442, 5.426, 51.48
xyY	0.167, 0.079, 5.426
CIE-LCH	27.916, 98.646, 305.718
CIE-LUV	27.916, -4.629, -98.29
Hunter-Lab	23.294, 46.913, -114.727
Binary	00110001, 00011101, 11000010

#311dc2
```
#311dc2 rgb(49,29,194)
```
#aec21d
```
#aec21d rgb(174,194,29)
```

Complementary Color

#1d5cc2
```
#1d5cc2 rgb(29,92,194)
```
#311dc2
```
#311dc2 rgb(49,29,194)
```
#841dc2
```
#841dc2 rgb(132,29,194)
```

Analogous Color

#5cc21d
```
#5cc21d rgb(92,194,29)
```
#311dc2
```
#311dc2 rgb(49,29,194)
```
#c2841d
```
#c2841d rgb(194,132,29)
```

Split Complementary Color

#1dc231
```
#1dc231 rgb(29,194,49)
```
#311dc2
```
#311dc2 rgb(49,29,194)
```
#c2311d
```
#c2311d rgb(194,49,29)
```

Triadic Color

#1daec2
```
#1daec2 rgb(29,174,194)
```
#311dc2
```
#311dc2 rgb(49,29,194)
```
#c2311d
```
#c2311d rgb(194,49,29)
```
#aec21d
```
#aec21d rgb(174,194,29)
```

Tetradic Color

#20137f
```
#20137f rgb(32,19,127)
```
#261696
```
#261696 rgb(38,22,150)
```
#2b1aac
```
#2b1aac rgb(43,26,172)
```
#311dc2
```
#311dc2 rgb(49,29,194)
```
#3720d8
```
#3720d8 rgb(55,32,216)
```
#4732e0
```
#4732e0 rgb(71,50,224)
```
#5b48e4
```
#5b48e4 rgb(91,72,228)
```

Monochromatic Color

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

#1d32c2
```
#1d32c2 rgb(29,50,194)
```
#1d25c2
```
#1d25c2 rgb(29,37,194)
```
#231dc2
```
#231dc2 rgb(35,29,194)
```
#311dc2
```
#311dc2 rgb(49,29,194)
```
#3f1dc2
```
#3f1dc2 rgb(63,29,194)
```
#4d1dc2
```
#4d1dc2 rgb(77,29,194)
```
#5a1dc2
```
#5a1dc2 rgb(90,29,194)
```

Similar Colors

Text with hexadecimal color #311dc2

This text has a font color of #311dc2.

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

#311dc2 background color

This paragraph has a background color of #311dc2.

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

#311dc2 border color

This element has a border color of #311dc2.

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

CSS codes

.text {color:#311dc2;}

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

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

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

#020106
```
#020106 rgb(2,1,6)
```
#060317
```
#060317 rgb(6,3,23)
```
#0a0628
```
#0a0628 rgb(10,6,40)
```
#0f0939
```
#0f0939 rgb(15,9,57)
```
#130b4b
```
#130b4b rgb(19,11,75)
```
#170e5c
```
#170e5c rgb(23,14,92)
```
#1b106d
```
#1b106d rgb(27,16,109)
```
#20137e
```
#20137e rgb(32,19,126)
```
#24158f
```
#24158f rgb(36,21,143)
```
#2818a0
```
#2818a0 rgb(40,24,160)
```
#2d1ab1
```
#2d1ab1 rgb(45,26,177)
```
#311dc2
```
#311dc2 rgb(49,29,194)
```
#3520d3
```
#3520d3 rgb(53,32,211)
```

Shade Color Variation

#3e27df
```
#3e27df rgb(62,39,223)
```
#4d39e1
```
#4d39e1 rgb(77,57,225)
```
#5c4ae4
```
#5c4ae4 rgb(92,74,228)
```
#6c5be6
```
#6c5be6 rgb(108,91,230)
```
#7b6ce9
```
#7b6ce9 rgb(123,108,233)
```
#8a7dec
```
#8a7dec rgb(138,125,236)
```
#9a8eee
```
#9a8eee rgb(154,142,238)
```
#a99ff1
```
#a99ff1 rgb(169,159,241)
```
#b8b0f3
```
#b8b0f3 rgb(184,176,243)
```
#c7c1f6
```
#c7c1f6 rgb(199,193,246)
```
#d7d2f8
```
#d7d2f8 rgb(215,210,248)
```
#e6e3fb
```
#e6e3fb rgb(230,227,251)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

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

#6b6a75
```
#6b6a75 rgb(107,106,117)
```
#65627d
```
#65627d rgb(101,98,125)
```
#5e5986
```
#5e5986 rgb(94,89,134)
```
#58508f
```
#58508f rgb(88,80,143)
```
#514897
```
#514897 rgb(81,72,151)
```
#4b3fa0
```
#4b3fa0 rgb(75,63,160)
```
#4437a8
```
#4437a8 rgb(68,55,168)
```
#3e2eb1
```
#3e2eb1 rgb(62,46,177)
```
#3726b9
```
#3726b9 rgb(55,38,185)
```
#311dc2
```
#311dc2 rgb(49,29,194)
```
#2b14cb
```
#2b14cb rgb(43,20,203)
```
#240cd3
```
#240cd3 rgb(36,12,211)
```
#1e03dc
```
#1e03dc rgb(30,3,220)
```

Tone Color Variation

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

Dichromacy

#00498e Protanopia 1% of men
#004d7b Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#1139a1 Protanomaly 1% of men, 0.01% of women
#113c95 Deuteranomaly 6% of men, 0.4% of women
#113f7e Tritanomaly 0.01% of the population

#311dc2 hex color

#311dc2 Color Information

#311dc2 Color Conversion

Color Schemes with #311dc2

Alternatives to #311dc2

#311dc2 Preview

Shades and Tints of #311dc2

Tones of #311dc2

Color Blindness Simulator