#1f3ae2 hex color

In a RGB color space, hex #1f3ae2 is composed of 12.2% red, 22.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 74.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 231.7 degrees, a saturation of 77.1% and a lightness of 50.4%. #1f3ae2 color hex could be obtained by blending #3e74ff with #0000c5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 23
- B 89
RGB color chart
- C 86
- M 74
- Y 0
- K 11
CMYK color chart

● #1f3ae2 color description : Vivid blue.

The hexadecimal color #1f3ae2 has RGB values of R:31, G:58, B:226 and CMYK values of C:0.86, M:0.74, Y:0, K:0.11. Its decimal value is 2046690.

Hex triplet	1f3ae2	`#1f3ae2`
RGB Decimal	31, 58, 226	`rgb(31,58,226)`
RGB Percent	12.2, 22.7, 88.6	`rgb(12.2%,22.7%,88.6%)`
CMYK	86, 74, 0, 11
HSL	231.7°, 77.1, 50.4	`hsl(231.7,77.1%,50.4%)`
HSV (or HSB)	231.7°, 86.3, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.61, 52.48, -85.914
XYZ	15.803, 8.807, 72.814
xyY	0.162, 0.09, 8.807
CIE-LCH	35.61, 100.674, 301.418
CIE-LUV	35.61, -11.712, -116.648
Hunter-Lab	29.677, 43.116, -124.698
Binary	00011111, 00111010, 11100010

#1f3ae2
```
#1f3ae2 rgb(31,58,226)
```
#e2c71f
```
#e2c71f rgb(226,199,31)
```

Complementary Color

#1f9ce2
```
#1f9ce2 rgb(31,156,226)
```
#1f3ae2
```
#1f3ae2 rgb(31,58,226)
```
#661fe2
```
#661fe2 rgb(102,31,226)
```

Analogous Color

#9ce21f
```
#9ce21f rgb(156,226,31)
```
#1f3ae2
```
#1f3ae2 rgb(31,58,226)
```
#e2661f
```
#e2661f rgb(226,102,31)
```

Split Complementary Color

#3ae21f
```
#3ae21f rgb(58,226,31)
```
#1f3ae2
```
#1f3ae2 rgb(31,58,226)
```
#e21f3a
```
#e21f3a rgb(226,31,58)
```

Triadic Color

#1fe2c7
```
#1fe2c7 rgb(31,226,199)
```
#1f3ae2
```
#1f3ae2 rgb(31,58,226)
```
#e21f3a
```
#e21f3a rgb(226,31,58)
```
#e2c71f
```
#e2c71f rgb(226,199,31)
```

Tetradic Color

#1528a0
```
#1528a0 rgb(21,40,160)
```
#182eb6
```
#182eb6 rgb(24,46,182)
```
#1b33cd
```
#1b33cd rgb(27,51,205)
```
#1f3ae2
```
#1f3ae2 rgb(31,58,226)
```
#364ee5
```
#364ee5 rgb(54,78,229)
```
#4c62e8
```
#4c62e8 rgb(76,98,232)
```
#6376eb
```
#6376eb rgb(99,118,235)
```

Monochromatic Color

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

#1f6be2
```
#1f6be2 rgb(31,107,226)
```
#1f5be2
```
#1f5be2 rgb(31,91,226)
```
#1f4ae2
```
#1f4ae2 rgb(31,74,226)
```
#1f3ae2
```
#1f3ae2 rgb(31,58,226)
```
#1f2ae2
```
#1f2ae2 rgb(31,42,226)
```
#251fe2
```
#251fe2 rgb(37,31,226)
```
#351fe2
```
#351fe2 rgb(53,31,226)
```

Similar Colors

Text with hexadecimal color #1f3ae2

This text has a font color of #1f3ae2.

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

#1f3ae2 background color

This paragraph has a background color of #1f3ae2.

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

#1f3ae2 border color

This element has a border color of #1f3ae2.

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

CSS codes

.text {color:#1f3ae2;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020513
```
#020513 rgb(2,5,19)
```
#050925
```
#050925 rgb(5,9,37)
```
#070d36
```
#070d36 rgb(7,13,54)
```
#091247
```
#091247 rgb(9,18,71)
```
#0b1659
```
#0b1659 rgb(11,22,89)
```
#0e1a6a
```
#0e1a6a rgb(14,26,106)
```
#101f7b
```
#101f7b rgb(16,31,123)
```
#12238d
```
#12238d rgb(18,35,141)
```
#14289e
```
#14289e rgb(20,40,158)
```
#172caf
```
#172caf rgb(23,44,175)
```
#1930c1
```
#1930c1 rgb(25,48,193)
```
#1b35d2
```
#1b35d2 rgb(27,53,210)
```

Shade Color Variation

#1f3ae2
```
#1f3ae2 rgb(31,58,226)
```
#3049e4
```
#3049e4 rgb(48,73,228)
```
#4259e6
```
#4259e6 rgb(66,89,230)
```
#5368e9
```
#5368e9 rgb(83,104,233)
```
#6477eb
```
#6477eb rgb(100,119,235)
```
#7686ed
```
#7686ed rgb(118,134,237)
```
#8796ef
```
#8796ef rgb(135,150,239)
```
#99a5f2
```
#99a5f2 rgb(153,165,242)
```
#aab4f4
```
#aab4f4 rgb(170,180,244)
```
#bbc3f6
```
#bbc3f6 rgb(187,195,246)
```
#cdd3f8
```
#cdd3f8 rgb(205,211,248)
```
#dee2fb
```
#dee2fb rgb(222,226,251)
```
#eff1fd
```
#eff1fd rgb(239,241,253)
```

Tint Color Variation

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

#808081
```
#808081 rgb(128,128,129)
```
#77798a
```
#77798a rgb(119,121,138)
```
#6d7294
```
#6d7294 rgb(109,114,148)
```
#636b9e
```
#636b9e rgb(99,107,158)
```
#5964a8
```
#5964a8 rgb(89,100,168)
```
#505db1
```
#505db1 rgb(80,93,177)
```
#4656bb
```
#4656bb rgb(70,86,187)
```
#3c4fc5
```
#3c4fc5 rgb(60,79,197)
```
#3248cf
```
#3248cf rgb(50,72,207)
```
#2941d8
```
#2941d8 rgb(41,65,216)
```
#1f3ae2
```
#1f3ae2 rgb(31,58,226)
```
#1533ec
```
#1533ec rgb(21,51,236)
```
#0c2cf5
```
#0c2cf5 rgb(12,44,245)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3d4364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#0b4ec1 Protanomaly 1% of men, 0.01% of women
#0b51b2 Deuteranomaly 6% of men, 0.4% of women
#0b5595 Tritanomaly 0.01% of the population

#1f3ae2 hex color

#1f3ae2 Color Information

#1f3ae2 Color Conversion

Color Schemes with #1f3ae2

Alternatives to #1f3ae2

#1f3ae2 Preview

Shades and Tints of #1f3ae2

Tones of #1f3ae2

Color Blindness Simulator