#311da2 hex color

In a RGB color space, hex #311da2 is composed of 19.2% red, 11.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 82.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 249 degrees, a saturation of 69.6% and a lightness of 37.5%. #311da2 color hex could be obtained by blending #623aff with #000045. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 11
- B 64
RGB color chart
- C 70
- M 82
- Y 0
- K 36
CMYK color chart

● #311da2 color description : Dark blue.

The hexadecimal color #311da2 has RGB values of R:49, G:29, B:162 and CMYK values of C:0.7, M:0.82, Y:0, K:0.36. Its decimal value is 3218850.

Hex triplet	311da2	`#311da2`
RGB Decimal	49, 29, 162	`rgb(49,29,162)`
RGB Percent	19.2, 11.4, 63.5	`rgb(19.2%,11.4%,63.5%)`
CMYK	70, 82, 0, 36
HSL	249°, 69.6, 37.5	`hsl(249,69.6%,37.5%)`
HSV (or HSB)	249°, 82.1, 63.5
Web Safe	333399	`#333399`

CIE-LAB	24.129, 48.201, -67.221
XYZ	8.226, 4.14, 34.546
xyY	0.175, 0.088, 4.14
CIE-LCH	24.129, 82.717, 305.642
CIE-LUV	24.129, -2.726, -79.722
Hunter-Lab	20.347, 36.561, -86.423
Binary	00110001, 00011101, 10100010

#311da2
```
#311da2 rgb(49,29,162)
```
#8ea21d
```
#8ea21d rgb(142,162,29)
```

Complementary Color

#1d4ca2
```
#1d4ca2 rgb(29,76,162)
```
#311da2
```
#311da2 rgb(49,29,162)
```
#741da2
```
#741da2 rgb(116,29,162)
```

Analogous Color

#4ca21d
```
#4ca21d rgb(76,162,29)
```
#311da2
```
#311da2 rgb(49,29,162)
```
#a2741d
```
#a2741d rgb(162,116,29)
```

Split Complementary Color

#1da231
```
#1da231 rgb(29,162,49)
```
#311da2
```
#311da2 rgb(49,29,162)
```
#a2311d
```
#a2311d rgb(162,49,29)
```

Triadic Color

#1d8ea2
```
#1d8ea2 rgb(29,142,162)
```
#311da2
```
#311da2 rgb(49,29,162)
```
#a2311d
```
#a2311d rgb(162,49,29)
```
#8ea21d
```
#8ea21d rgb(142,162,29)
```

Tetradic Color

#1d1161
```
#1d1161 rgb(29,17,97)
```
#241577
```
#241577 rgb(36,21,119)
```
#2a198c
```
#2a198c rgb(42,25,140)
```
#311da2
```
#311da2 rgb(49,29,162)
```
#3821b8
```
#3821b8 rgb(56,33,184)
```
#3e25cd
```
#3e25cd rgb(62,37,205)
```
#4b31da
```
#4b31da rgb(75,49,218)
```

Monochromatic Color

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

#1d2aa2
```
#1d2aa2 rgb(29,42,162)
```
#1d1fa2
```
#1d1fa2 rgb(29,31,162)
```
#261da2
```
#261da2 rgb(38,29,162)
```
#311da2
```
#311da2 rgb(49,29,162)
```
#3c1da2
```
#3c1da2 rgb(60,29,162)
```
#471da2
```
#471da2 rgb(71,29,162)
```
#521da2
```
#521da2 rgb(82,29,162)
```

Similar Colors

Text with hexadecimal color #311da2

This text has a font color of #311da2.

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

#311da2 background color

This paragraph has a background color of #311da2.

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

#311da2 border color

This element has a border color of #311da2.

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

CSS codes

.text {color:#311da2;}

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

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

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, #04020c is the darkest color, while #fbfbfe is the lightest one.

#04020c
```
#04020c rgb(4,2,12)
```
#09051d
```
#09051d rgb(9,5,29)
```
#0e082e
```
#0e082e rgb(14,8,46)
```
#130b3e
```
#130b3e rgb(19,11,62)
```
#180e4f
```
#180e4f rgb(24,14,79)
```
#1d115f
```
#1d115f rgb(29,17,95)
```
#221470
```
#221470 rgb(34,20,112)
```
#271781
```
#271781 rgb(39,23,129)
```
#2c1a91
```
#2c1a91 rgb(44,26,145)
```
#311da2
```
#311da2 rgb(49,29,162)
```
#3620b3
```
#3620b3 rgb(54,32,179)
```
#3b23c3
```
#3b23c3 rgb(59,35,195)
```
#4026d4
```
#4026d4 rgb(64,38,212)
```

Shade Color Variation

#4c33da
```
#4c33da rgb(76,51,218)
```
#5b44dd
```
#5b44dd rgb(91,68,221)
```
#6954e0
```
#6954e0 rgb(105,84,224)
```
#7865e3
```
#7865e3 rgb(120,101,227)
```
#8776e6
```
#8776e6 rgb(135,118,230)
```
#9586e9
```
#9586e9 rgb(149,134,233)
```
#a497ec
```
#a497ec rgb(164,151,236)
```
#b2a7ef
```
#b2a7ef rgb(178,167,239)
```
#c1b8f2
```
#c1b8f2 rgb(193,184,242)
```
#cfc9f5
```
#cfc9f5 rgb(207,201,245)
```
#ded9f8
```
#ded9f8 rgb(222,217,248)
```
#edeafb
```
#edeafb rgb(237,234,251)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5f60 is the less saturated color, while #2207b8 is the most saturated one.

#5f5f60
```
#5f5f60 rgb(95,95,96)
```
#5a5867
```
#5a5867 rgb(90,88,103)
```
#55506f
```
#55506f rgb(85,80,111)
```
#504976
```
#504976 rgb(80,73,118)
```
#4b427d
```
#4b427d rgb(75,66,125)
```
#463a85
```
#463a85 rgb(70,58,133)
```
#40338c
```
#40338c rgb(64,51,140)
```
#3b2c93
```
#3b2c93 rgb(59,44,147)
```
#36249b
```
#36249b rgb(54,36,155)
```
#311da2
```
#311da2 rgb(49,29,162)
```
#2c16a9
```
#2c16a9 rgb(44,22,169)
```
#270eb1
```
#270eb1 rgb(39,14,177)
```
#2207b8
```
#2207b8 rgb(34,7,184)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#322e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00456e Deuteranopia 1% of men
#004a4e Tritanopia 0.001% of the population

Trichromacy

#11348c Protanomaly 1% of men, 0.01% of women
#113681 Deuteranomaly 6% of men, 0.4% of women
#11396c Tritanomaly 0.01% of the population

#311da2 hex color

#311da2 Color Information

#311da2 Color Conversion

Color Schemes with #311da2

Alternatives to #311da2

#311da2 Preview

Shades and Tints of #311da2

Tones of #311da2

Color Blindness Simulator