#1f31e1 hex color

In a RGB color space, hex #1f31e1 is composed of 12.2% red, 19.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 78.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 234.4 degrees, a saturation of 76.4% and a lightness of 50.2%. #1f31e1 color hex could be obtained by blending #3e62ff with #0000c3. Closest websafe color is: #3333cc.

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

● #1f31e1 color description : Vivid blue.

The hexadecimal color #1f31e1 has RGB values of R:31, G:49, B:225 and CMYK values of C:0.86, M:0.78, Y:0, K:0.12. Its decimal value is 2044385.

Hex triplet	1f31e1	`#1f31e1`
RGB Decimal	31, 49, 225	`rgb(31,49,225)`
RGB Percent	12.2, 19.2, 88.2	`rgb(12.2%,19.2%,88.2%)`
CMYK	86, 78, 0, 12
HSL	234.4°, 76.4, 50.2	`hsl(234.4,76.4%,50.2%)`
HSV (or HSB)	234.4°, 86.2, 88.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.822, 56.951, -88.306
XYZ	15.251, 7.923, 71.956
xyY	0.16, 0.083, 7.923
CIE-LCH	33.822, 105.078, 302.819
CIE-LUV	33.822, -10.342, -116.332
Hunter-Lab	28.148, 47.457, -131.862
Binary	00011111, 00110001, 11100001

#1f31e1
```
#1f31e1 rgb(31,49,225)
```
#e1cf1f
```
#e1cf1f rgb(225,207,31)
```

Complementary Color

#1f92e1
```
#1f92e1 rgb(31,146,225)
```
#1f31e1
```
#1f31e1 rgb(31,49,225)
```
#6e1fe1
```
#6e1fe1 rgb(110,31,225)
```

Analogous Color

#92e11f
```
#92e11f rgb(146,225,31)
```
#1f31e1
```
#1f31e1 rgb(31,49,225)
```
#e16e1f
```
#e16e1f rgb(225,110,31)
```

Split Complementary Color

#31e11f
```
#31e11f rgb(49,225,31)
```
#1f31e1
```
#1f31e1 rgb(31,49,225)
```
#e11f31
```
#e11f31 rgb(225,31,49)
```

Triadic Color

#1fe1cf
```
#1fe1cf rgb(31,225,207)
```
#1f31e1
```
#1f31e1 rgb(31,49,225)
```
#e11f31
```
#e11f31 rgb(225,31,49)
```
#e1cf1f
```
#e1cf1f rgb(225,207,31)
```

Tetradic Color

#15229e
```
#15229e rgb(21,34,158)
```
#1827b5
```
#1827b5 rgb(24,39,181)
```
#1b2ccb
```
#1b2ccb rgb(27,44,203)
```
#1f31e1
```
#1f31e1 rgb(31,49,225)
```
#3546e4
```
#3546e4 rgb(53,70,228)
```
#4c5ae7
```
#4c5ae7 rgb(76,90,231)
```
#626fea
```
#626fea rgb(98,111,234)
```

Monochromatic Color

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

#1f61e1
```
#1f61e1 rgb(31,97,225)
```
#1f51e1
```
#1f51e1 rgb(31,81,225)
```
#1f41e1
```
#1f41e1 rgb(31,65,225)
```
#1f31e1
```
#1f31e1 rgb(31,49,225)
```
#1f21e1
```
#1f21e1 rgb(31,33,225)
```
#2d1fe1
```
#2d1fe1 rgb(45,31,225)
```
#3e1fe1
```
#3e1fe1 rgb(62,31,225)
```

Similar Colors

Text with hexadecimal color #1f31e1

This text has a font color of #1f31e1.

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

#1f31e1 background color

This paragraph has a background color of #1f31e1.

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

#1f31e1 border color

This element has a border color of #1f31e1.

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

CSS codes

.text {color:#1f31e1;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#020412
```
#020412 rgb(2,4,18)
```
#050823
```
#050823 rgb(5,8,35)
```
#070b35
```
#070b35 rgb(7,11,53)
```
#090f46
```
#090f46 rgb(9,15,70)
```
#0c1357
```
#0c1357 rgb(12,19,87)
```
#0e1669
```
#0e1669 rgb(14,22,105)
```
#101a7a
```
#101a7a rgb(16,26,122)
```
#131e8b
```
#131e8b rgb(19,30,139)
```
#15229d
```
#15229d rgb(21,34,157)
```
#1725ae
```
#1725ae rgb(23,37,174)
```
#1a29bf
```
#1a29bf rgb(26,41,191)
```
#1c2dd0
```
#1c2dd0 rgb(28,45,208)
```

Shade Color Variation

#1f31e1
```
#1f31e1 rgb(31,49,225)
```
#3041e3
```
#3041e3 rgb(48,65,227)
```
#4251e6
```
#4251e6 rgb(66,81,230)
```
#5361e8
```
#5361e8 rgb(83,97,232)
```
#6471ea
```
#6471ea rgb(100,113,234)
```
#7581ed
```
#7581ed rgb(117,129,237)
```
#8790ef
```
#8790ef rgb(135,144,239)
```
#98a0f1
```
#98a0f1 rgb(152,160,241)
```
#a9b0f4
```
#a9b0f4 rgb(169,176,244)
```
#bbc0f6
```
#bbc0f6 rgb(187,192,246)
```
#ccd0f8
```
#ccd0f8 rgb(204,208,248)
```
#dde0fa
```
#dde0fa rgb(221,224,250)
```
#eff0fd
```
#eff0fd rgb(239,240,253)
```

Tint Color Variation

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

#777989
```
#777989 rgb(119,121,137)
```
#6d7193
```
#6d7193 rgb(109,113,147)
```
#63699d
```
#63699d rgb(99,105,157)
```
#5a61a6
```
#5a61a6 rgb(90,97,166)
```
#5059b0
```
#5059b0 rgb(80,89,176)
```
#4651ba
```
#4651ba rgb(70,81,186)
```
#3c49c4
```
#3c49c4 rgb(60,73,196)
```
#3341cd
```
#3341cd rgb(51,65,205)
```
#2939d7
```
#2939d7 rgb(41,57,215)
```
#1f31e1
```
#1f31e1 rgb(31,49,225)
```
#1529eb
```
#1529eb rgb(21,41,235)
```
#0b21f5
```
#0b21f5 rgb(11,33,245)
```
#0219fe
```
#0219fe rgb(2,25,254)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#393d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#0b48bc Protanomaly 1% of men, 0.01% of women
#0b4bad Deuteranomaly 6% of men, 0.4% of women
#0b4f92 Tritanomaly 0.01% of the population

#1f31e1 hex color

#1f31e1 Color Information

#1f31e1 Color Conversion

Color Schemes with #1f31e1

Alternatives to #1f31e1

#1f31e1 Preview

Shades and Tints of #1f31e1

Tones of #1f31e1

Color Blindness Simulator