#311dc1 hex color

In a RGB color space, hex #311dc1 is composed of 19.2% red, 11.4% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 85% magenta, 0% yellow and 24.3% black. It has a hue angle of 247.3 degrees, a saturation of 73.9% and a lightness of 43.5%. #311dc1 color hex could be obtained by blending #623aff with #000083. 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

● #311dc1 color description : Strong blue.

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

Hex triplet	311dc1	`#311dc1`
RGB Decimal	49, 29, 193	`rgb(49,29,193)`
RGB Percent	19.2, 11.4, 75.7	`rgb(19.2%,11.4%,75.7%)`
CMYK	75, 85, 0, 24
HSL	247.3°, 73.9, 43.5	`hsl(247.3,73.9%,43.5%)`
HSV (or HSB)	247.3°, 85, 75.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	27.795, 57.303, -79.703
XYZ	11.33, 5.381, 50.891
xyY	0.168, 0.08, 5.381
CIE-LCH	27.795, 98.164, 305.715
CIE-LUV	27.795, -4.572, -97.715
Hunter-Lab	23.198, 46.584, -113.831
Binary	00110001, 00011101, 11000001

#311dc1
```
#311dc1 rgb(49,29,193)
```
#adc11d
```
#adc11d rgb(173,193,29)
```

Complementary Color

#1d5bc1
```
#1d5bc1 rgb(29,91,193)
```
#311dc1
```
#311dc1 rgb(49,29,193)
```
#831dc1
```
#831dc1 rgb(131,29,193)
```

Analogous Color

#5bc11d
```
#5bc11d rgb(91,193,29)
```
#311dc1
```
#311dc1 rgb(49,29,193)
```
#c1831d
```
#c1831d rgb(193,131,29)
```

Split Complementary Color

#1dc131
```
#1dc131 rgb(29,193,49)
```
#311dc1
```
#311dc1 rgb(49,29,193)
```
#c1311d
```
#c1311d rgb(193,49,29)
```

Triadic Color

#1dadc1
```
#1dadc1 rgb(29,173,193)
```
#311dc1
```
#311dc1 rgb(49,29,193)
```
#c1311d
```
#c1311d rgb(193,49,29)
```
#adc11d
```
#adc11d rgb(173,193,29)
```

Tetradic Color

#20137e
```
#20137e rgb(32,19,126)
```
#261695
```
#261695 rgb(38,22,149)
```
#2b1aab
```
#2b1aab rgb(43,26,171)
```
#311dc1
```
#311dc1 rgb(49,29,193)
```
#3720d7
```
#3720d7 rgb(55,32,215)
```
#4631e0
```
#4631e0 rgb(70,49,224)
```
#5a47e3
```
#5a47e3 rgb(90,71,227)
```

Monochromatic Color

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

#1d32c1
```
#1d32c1 rgb(29,50,193)
```
#1d24c1
```
#1d24c1 rgb(29,36,193)
```
#231dc1
```
#231dc1 rgb(35,29,193)
```
#311dc1
```
#311dc1 rgb(49,29,193)
```
#3f1dc1
```
#3f1dc1 rgb(63,29,193)
```
#4c1dc1
```
#4c1dc1 rgb(76,29,193)
```
#5a1dc1
```
#5a1dc1 rgb(90,29,193)
```

Similar Colors

Text with hexadecimal color #311dc1

This text has a font color of #311dc1.

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

#311dc1 background color

This paragraph has a background color of #311dc1.

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

#311dc1 border color

This element has a border color of #311dc1.

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

CSS codes

.text {color:#311dc1;}

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

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

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 #f5f3fd is the lightest one.

#010105
```
#010105 rgb(1,1,5)
```
#060316
```
#060316 rgb(6,3,22)
```
#0a0628
```
#0a0628 rgb(10,6,40)
```
#0e0939
```
#0e0939 rgb(14,9,57)
```
#130b4a
```
#130b4a rgb(19,11,74)
```
#170e5b
```
#170e5b rgb(23,14,91)
```
#1b106c
```
#1b106c rgb(27,16,108)
```
#20137d
```
#20137d rgb(32,19,125)
```
#24158e
```
#24158e rgb(36,21,142)
```
#28189f
```
#28189f rgb(40,24,159)
```
#2d1ab0
```
#2d1ab0 rgb(45,26,176)
```
#311dc1
```
#311dc1 rgb(49,29,193)
```
#3520d2
```
#3520d2 rgb(53,32,210)
```

Shade Color Variation

#3d27df
```
#3d27df rgb(61,39,223)
```
#4c38e1
```
#4c38e1 rgb(76,56,225)
```
#5c49e4
```
#5c49e4 rgb(92,73,228)
```
#6b5ae6
```
#6b5ae6 rgb(107,90,230)
```
#7a6be9
```
#7a6be9 rgb(122,107,233)
```
#8a7ceb
```
#8a7ceb rgb(138,124,235)
```
#998dee
```
#998dee rgb(153,141,238)
```
#a89ef0
```
#a89ef0 rgb(168,158,240)
```
#b7aff3
```
#b7aff3 rgb(183,175,243)
```
#c7c0f6
```
#c7c0f6 rgb(199,192,246)
```
#d6d1f8
```
#d6d1f8 rgb(214,209,248)
```
#e5e2fb
```
#e5e2fb rgb(229,226,251)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

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

#6b6a74
```
#6b6a74 rgb(107,106,116)
```
#65617d
```
#65617d rgb(101,97,125)
```
#5e5985
```
#5e5985 rgb(94,89,133)
```
#58508e
```
#58508e rgb(88,80,142)
```
#514896
```
#514896 rgb(81,72,150)
```
#4b3f9f
```
#4b3f9f rgb(75,63,159)
```
#4437a7
```
#4437a7 rgb(68,55,167)
```
#3e2eb0
```
#3e2eb0 rgb(62,46,176)
```
#3726b8
```
#3726b8 rgb(55,38,184)
```
#311dc1
```
#311dc1 rgb(49,29,193)
```
#2b14ca
```
#2b14ca rgb(43,20,202)
```
#240cd2
```
#240cd2 rgb(36,12,210)
```
#1e03db
```
#1e03db rgb(30,3,219)
```

Tone Color Variation

Below, you can see how #311dc1 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
#005256 Tritanopia 0.001% of the population

Trichromacy

#1139a0 Protanomaly 1% of men, 0.01% of women
#113b94 Deuteranomaly 6% of men, 0.4% of women
#113f7d Tritanomaly 0.01% of the population

#311dc1 hex color

#311dc1 Color Information

#311dc1 Color Conversion

Color Schemes with #311dc1

Alternatives to #311dc1

#311dc1 Preview

Shades and Tints of #311dc1

Tones of #311dc1

Color Blindness Simulator