#1d31e0 hex color

In a RGB color space, hex #1d31e0 is composed of 11.4% red, 19.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 78.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 233.8 degrees, a saturation of 77.1% and a lightness of 49.6%. #1d31e0 color hex could be obtained by blending #3a62ff with #0000c1. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 11
- G 19
- B 88
RGB color chart
- C 87
- M 78
- Y 0
- K 12
CMYK color chart

● #1d31e0 color description : Vivid blue.

The hexadecimal color #1d31e0 has RGB values of R:29, G:49, B:224 and CMYK values of C:0.87, M:0.78, Y:0, K:0.12. Its decimal value is 1913312.

Hex triplet	1d31e0	`#1d31e0`
RGB Decimal	29, 49, 224	`rgb(29,49,224)`
RGB Percent	11.4, 19.2, 87.8	`rgb(11.4%,19.2%,87.8%)`
CMYK	87, 78, 0, 12
HSL	233.8°, 77.1, 49.6	`hsl(233.8,77.1%,49.6%)`
HSV (or HSB)	233.8°, 87.1, 87.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.644, 56.558, -88.031
XYZ	15.057, 7.839, 71.236
xyY	0.16, 0.083, 7.839
CIE-LCH	33.644, 104.634, 302.72
CIE-LUV	33.644, -10.473, -115.75
Hunter-Lab	27.997, 47.001, -131.259
Binary	00011101, 00110001, 11100000

#1d31e0
```
#1d31e0 rgb(29,49,224)
```
#e0cc1d
```
#e0cc1d rgb(224,204,29)
```

Complementary Color

#1d93e0
```
#1d93e0 rgb(29,147,224)
```
#1d31e0
```
#1d31e0 rgb(29,49,224)
```
#6b1de0
```
#6b1de0 rgb(107,29,224)
```

Analogous Color

#93e01d
```
#93e01d rgb(147,224,29)
```
#1d31e0
```
#1d31e0 rgb(29,49,224)
```
#e06b1d
```
#e06b1d rgb(224,107,29)
```

Split Complementary Color

#31e01d
```
#31e01d rgb(49,224,29)
```
#1d31e0
```
#1d31e0 rgb(29,49,224)
```
#e01d31
```
#e01d31 rgb(224,29,49)
```

Triadic Color

#1de0cc
```
#1de0cc rgb(29,224,204)
```
#1d31e0
```
#1d31e0 rgb(29,49,224)
```
#e01d31
```
#e01d31 rgb(224,29,49)
```
#e0cc1d
```
#e0cc1d rgb(224,204,29)
```

Tetradic Color

#14229c
```
#14229c rgb(20,34,156)
```
#1727b3
```
#1727b3 rgb(23,39,179)
```
#1a2cc9
```
#1a2cc9 rgb(26,44,201)
```
#1d31e0
```
#1d31e0 rgb(29,49,224)
```
#3244e4
```
#3244e4 rgb(50,68,228)
```
#4959e7
```
#4959e7 rgb(73,89,231)
```
#5f6dea
```
#5f6dea rgb(95,109,234)
```

Monochromatic Color

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

#1d62e0
```
#1d62e0 rgb(29,98,224)
```
#1d52e0
```
#1d52e0 rgb(29,82,224)
```
#1d41e0
```
#1d41e0 rgb(29,65,224)
```
#1d31e0
```
#1d31e0 rgb(29,49,224)
```
#1d21e0
```
#1d21e0 rgb(29,33,224)
```
#2a1de0
```
#2a1de0 rgb(42,29,224)
```
#3a1de0
```
#3a1de0 rgb(58,29,224)
```

Similar Colors

Text with hexadecimal color #1d31e0

This text has a font color of #1d31e0.

<span style="color:#1d31e0;">Text here</span>

#1d31e0 background color

This paragraph has a background color of #1d31e0.

<p style="background-color:#1d31e0;">Content here</p>

#1d31e0 border color

This element has a border color of #1d31e0.

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

CSS codes

.text {color:#1d31e0;}

.background {background-color:#1d31e0;}

.border {border:1px solid #1d31e0;}

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

#020310
```
#020310 rgb(2,3,16)
```
#040721
```
#040721 rgb(4,7,33)
```
#070b32
```
#070b32 rgb(7,11,50)
```
#090f44
```
#090f44 rgb(9,15,68)
```
#0b1355
```
#0b1355 rgb(11,19,85)
```
#0d1666
```
#0d1666 rgb(13,22,102)
```
#101a78
```
#101a78 rgb(16,26,120)
```
#121e89
```
#121e89 rgb(18,30,137)
```
#14229b
```
#14229b rgb(20,34,155)
```
#1626ac
```
#1626ac rgb(22,38,172)
```
#1929bd
```
#1929bd rgb(25,41,189)
```
#1b2dcf
```
#1b2dcf rgb(27,45,207)
```
#1d31e0
```
#1d31e0 rgb(29,49,224)
```

Shade Color Variation

#2d40e4
```
#2d40e4 rgb(45,64,228)
```
#3e4fe6
```
#3e4fe6 rgb(62,79,230)
```
#505fe8
```
#505fe8 rgb(80,95,232)
```
#616feb
```
#616feb rgb(97,111,235)
```
#727fed
```
#727fed rgb(114,127,237)
```
#848fef
```
#848fef rgb(132,143,239)
```
#959ef1
```
#959ef1 rgb(149,158,241)
```
#a6aef4
```
#a6aef4 rgb(166,174,244)
```
#b8bef6
```
#b8bef6 rgb(184,190,246)
```
#c9cef8
```
#c9cef8 rgb(201,206,248)
```
#dadefa
```
#dadefa rgb(218,222,250)
```
#eceefd
```
#eceefd rgb(236,238,253)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e7f is the less saturated color, while #0a22f3 is the most saturated one.

#7e7e7f
```
#7e7e7f rgb(126,126,127)
```
#757788
```
#757788 rgb(117,119,136)
```
#6b6f92
```
#6b6f92 rgb(107,111,146)
```
#61679c
```
#61679c rgb(97,103,156)
```
#575fa6
```
#575fa6 rgb(87,95,166)
```
#4e58af
```
#4e58af rgb(78,88,175)
```
#4450b9
```
#4450b9 rgb(68,80,185)
```
#3a48c3
```
#3a48c3 rgb(58,72,195)
```
#3040cd
```
#3040cd rgb(48,64,205)
```
#2739d6
```
#2739d6 rgb(39,57,214)
```
#1d31e0
```
#1d31e0 rgb(29,49,224)
```
#1329ea
```
#1329ea rgb(19,41,234)
```
#0a22f3
```
#0a22f3 rgb(10,34,243)
```

Tone Color Variation

Below, you can see how #1d31e0 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

#3f3f3f Achromatopsia 0.005% of the population
#383c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0a48bb Protanomaly 1% of men, 0.01% of women
#0a4bad Deuteranomaly 6% of men, 0.4% of women
#0a4f91 Tritanomaly 0.01% of the population

#1d31e0 hex color

#1d31e0 Color Information

#1d31e0 Color Conversion

Color Schemes with #1d31e0

Alternatives to #1d31e0

#1d31e0 Preview

Shades and Tints of #1d31e0

Tones of #1d31e0

Color Blindness Simulator