#1f3aea hex color

In a RGB color space, hex #1f3aea is composed of 12.2% red, 22.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 75.2% magenta, 0% yellow and 8.2% black. It has a hue angle of 232 degrees, a saturation of 82.9% and a lightness of 52%. #1f3aea color hex could be obtained by blending #3e74ff with #0000d5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 23
- B 92
RGB color chart
- C 87
- M 75
- Y 0
- K 8
CMYK color chart

● #1f3aea color description : Vivid blue.

The hexadecimal color #1f3aea has RGB values of R:31, G:58, B:234 and CMYK values of C:0.87, M:0.75, Y:0, K:0.08. Its decimal value is 2046698.

Hex triplet	1f3aea	`#1f3aea`
RGB Decimal	31, 58, 234	`rgb(31,58,234)`
RGB Percent	12.2, 22.7, 91.8	`rgb(12.2%,22.7%,91.8%)`
CMYK	87, 75, 0, 8
HSL	232°, 82.9, 52	`hsl(232,82.9%,52%)`
HSV (or HSB)	232°, 86.8, 91.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.474, 55.126, -89.04
XYZ	16.926, 9.257, 78.732
xyY	0.161, 0.088, 9.257
CIE-LCH	36.474, 104.723, 301.762
CIE-LUV	36.474, -11.906, -121.288
Hunter-Lab	30.425, 46.063, -132.131
Binary	00011111, 00111010, 11101010

#1f3aea
```
#1f3aea rgb(31,58,234)
```
#eacf1f
```
#eacf1f rgb(234,207,31)
```

Complementary Color

#1fa0ea
```
#1fa0ea rgb(31,160,234)
```
#1f3aea
```
#1f3aea rgb(31,58,234)
```
#6a1fea
```
#6a1fea rgb(106,31,234)
```

Analogous Color

#a0ea1f
```
#a0ea1f rgb(160,234,31)
```
#1f3aea
```
#1f3aea rgb(31,58,234)
```
#ea6a1f
```
#ea6a1f rgb(234,106,31)
```

Split Complementary Color

#3aea1f
```
#3aea1f rgb(58,234,31)
```
#1f3aea
```
#1f3aea rgb(31,58,234)
```
#ea1f3a
```
#ea1f3a rgb(234,31,58)
```

Triadic Color

#1feacf
```
#1feacf rgb(31,234,207)
```
#1f3aea
```
#1f3aea rgb(31,58,234)
```
#ea1f3a
```
#ea1f3a rgb(234,31,58)
```
#eacf1f
```
#eacf1f rgb(234,207,31)
```

Tetradic Color

#1025ac
```
#1025ac rgb(16,37,172)
```
#122ac4
```
#122ac4 rgb(18,42,196)
```
#152fdb
```
#152fdb rgb(21,47,219)
```
#1f3aea
```
#1f3aea rgb(31,58,234)
```
#364fec
```
#364fec rgb(54,79,236)
```
#4e63ee
```
#4e63ee rgb(78,99,238)
```
#6578f1
```
#6578f1 rgb(101,120,241)
```

Monochromatic Color

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

#1f6dea
```
#1f6dea rgb(31,109,234)
```
#1f5cea
```
#1f5cea rgb(31,92,234)
```
#1f4bea
```
#1f4bea rgb(31,75,234)
```
#1f3aea
```
#1f3aea rgb(31,58,234)
```
#1f29ea
```
#1f29ea rgb(31,41,234)
```
#261fea
```
#261fea rgb(38,31,234)
```
#371fea
```
#371fea rgb(55,31,234)
```

Similar Colors

Text with hexadecimal color #1f3aea

This text has a font color of #1f3aea.

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

#1f3aea background color

This paragraph has a background color of #1f3aea.

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

#1f3aea border color

This element has a border color of #1f3aea.

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

CSS codes

.text {color:#1f3aea;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#03061b
```
#03061b rgb(3,6,27)
```
#040a2d
```
#040a2d rgb(4,10,45)
```
#060d3f
```
#060d3f rgb(6,13,63)
```
#081151
```
#081151 rgb(8,17,81)
```
#091563
```
#091563 rgb(9,21,99)
```
#0b1975
```
#0b1975 rgb(11,25,117)
```
#0d1d87
```
#0d1d87 rgb(13,29,135)
```
#0e2199
```
#0e2199 rgb(14,33,153)
```
#1025ab
```
#1025ab rgb(16,37,171)
```
#1228bc
```
#1228bc rgb(18,40,188)
```
#132cce
```
#132cce rgb(19,44,206)
```
#1530e0
```
#1530e0 rgb(21,48,224)
```

Shade Color Variation

#1f3aea
```
#1f3aea rgb(31,58,234)
```
#314aec
```
#314aec rgb(49,74,236)
```
#435aed
```
#435aed rgb(67,90,237)
```
#5569ef
```
#5569ef rgb(85,105,239)
```
#6779f1
```
#6779f1 rgb(103,121,241)
```
#7989f2
```
#7989f2 rgb(121,137,242)
```
#8b99f4
```
#8b99f4 rgb(139,153,244)
```
#9da8f6
```
#9da8f6 rgb(157,168,246)
```
#aeb8f7
```
#aeb8f7 rgb(174,184,247)
```
#c0c8f9
```
#c0c8f9 rgb(192,200,249)
```
#d2d8fb
```
#d2d8fb rgb(210,216,251)
```
#e4e7fc
```
#e4e7fc rgb(228,231,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#7d7f8c
```
#7d7f8c rgb(125,127,140)
```
#747895
```
#747895 rgb(116,120,149)
```
#6a719f
```
#6a719f rgb(106,113,159)
```
#616aa8
```
#616aa8 rgb(97,106,168)
```
#5863b1
```
#5863b1 rgb(88,99,177)
```
#4e5dbb
```
#4e5dbb rgb(78,93,187)
```
#4556c4
```
#4556c4 rgb(69,86,196)
```
#3b4fce
```
#3b4fce rgb(59,79,206)
```
#3248d7
```
#3248d7 rgb(50,72,215)
```
#2841e1
```
#2841e1 rgb(40,65,225)
```
#1f3aea
```
#1f3aea rgb(31,58,234)
```
#1633f3
```
#1633f3 rgb(22,51,243)
```
#0c2cfd
```
#0c2cfd rgb(12,44,253)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3e4467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00619a Deuteranopia 1% of men
#00686c Tritanopia 0.001% of the population

Trichromacy

#0b4fc6 Protanomaly 1% of men, 0.01% of women
#0b53b7 Deuteranomaly 6% of men, 0.4% of women
#0b579a Tritanomaly 0.01% of the population

#1f3aea hex color

#1f3aea Color Information

#1f3aea Color Conversion

Color Schemes with #1f3aea

Alternatives to #1f3aea

#1f3aea Preview

Shades and Tints of #1f3aea

Tones of #1f3aea

Color Blindness Simulator