#1f34e5 hex color

In a RGB color space, hex #1f34e5 is composed of 12.2% red, 20.4% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 77.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 233.6 degrees, a saturation of 79.2% and a lightness of 51%. #1f34e5 color hex could be obtained by blending #3e68ff with #0000cb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 20
- B 90
RGB color chart
- C 86
- M 77
- Y 0
- K 10
CMYK color chart

● #1f34e5 color description : Vivid blue.

The hexadecimal color #1f34e5 has RGB values of R:31, G:52, B:229 and CMYK values of C:0.86, M:0.77, Y:0, K:0.1. Its decimal value is 2045157.

Hex triplet	1f34e5	`#1f34e5`
RGB Decimal	31, 52, 229	`rgb(31,52,229)`
RGB Percent	12.2, 20.4, 89.8	`rgb(12.2%,20.4%,89.8%)`
CMYK	86, 77, 0, 10
HSL	233.6°, 79.2, 51	`hsl(233.6,79.2%,51%)`
HSV (or HSB)	233.6°, 86.5, 89.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.809, 56.688, -88.955
XYZ	15.933, 8.403, 74.907
xyY	0.161, 0.085, 8.403
CIE-LCH	34.809, 105.482, 302.508
CIE-LUV	34.809, -10.879, -118.602
Hunter-Lab	28.988, 47.381, -132.915
Binary	00011111, 00110100, 11100101

#1f34e5
```
#1f34e5 rgb(31,52,229)
```
#e5d01f
```
#e5d01f rgb(229,208,31)
```

Complementary Color

#1f97e5
```
#1f97e5 rgb(31,151,229)
```
#1f34e5
```
#1f34e5 rgb(31,52,229)
```
#6d1fe5
```
#6d1fe5 rgb(109,31,229)
```

Analogous Color

#97e51f
```
#97e51f rgb(151,229,31)
```
#1f34e5
```
#1f34e5 rgb(31,52,229)
```
#e56d1f
```
#e56d1f rgb(229,109,31)
```

Split Complementary Color

#34e51f
```
#34e51f rgb(52,229,31)
```
#1f34e5
```
#1f34e5 rgb(31,52,229)
```
#e51f34
```
#e51f34 rgb(229,31,52)
```

Triadic Color

#1fe5d0
```
#1fe5d0 rgb(31,229,208)
```
#1f34e5
```
#1f34e5 rgb(31,52,229)
```
#e51f34
```
#e51f34 rgb(229,31,52)
```
#e5d01f
```
#e5d01f rgb(229,208,31)
```

Tetradic Color

#1322a4
```
#1322a4 rgb(19,34,164)
```
#1627bb
```
#1627bb rgb(22,39,187)
```
#182cd2
```
#182cd2 rgb(24,44,210)
```
#1f34e5
```
#1f34e5 rgb(31,52,229)
```
#3649e8
```
#3649e8 rgb(54,73,232)
```
#4d5dea
```
#4d5dea rgb(77,93,234)
```
#6472ed
```
#6472ed rgb(100,114,237)
```

Monochromatic Color

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

#1f66e5
```
#1f66e5 rgb(31,102,229)
```
#1f55e5
```
#1f55e5 rgb(31,85,229)
```
#1f45e5
```
#1f45e5 rgb(31,69,229)
```
#1f34e5
```
#1f34e5 rgb(31,52,229)
```
#1f24e5
```
#1f24e5 rgb(31,36,229)
```
#2b1fe5
```
#2b1fe5 rgb(43,31,229)
```
#3b1fe5
```
#3b1fe5 rgb(59,31,229)
```

Similar Colors

Text with hexadecimal color #1f34e5

This text has a font color of #1f34e5.

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

#1f34e5 background color

This paragraph has a background color of #1f34e5.

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

#1f34e5 border color

This element has a border color of #1f34e5.

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

CSS codes

.text {color:#1f34e5;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030516
```
#030516 rgb(3,5,22)
```
#050828
```
#050828 rgb(5,8,40)
```
#070c39
```
#070c39 rgb(7,12,57)
```
#09104b
```
#09104b rgb(9,16,75)
```
#0b135c
```
#0b135c rgb(11,19,92)
```
#0d176e
```
#0d176e rgb(13,23,110)
```
#0f1b80
```
#0f1b80 rgb(15,27,128)
```
#111e91
```
#111e91 rgb(17,30,145)
```
#1322a3
```
#1322a3 rgb(19,34,163)
```
#1526b4
```
#1526b4 rgb(21,38,180)
```
#172ac6
```
#172ac6 rgb(23,42,198)
```
#192dd7
```
#192dd7 rgb(25,45,215)
```

Shade Color Variation

#1f34e5
```
#1f34e5 rgb(31,52,229)
```
#3144e7
```
#3144e7 rgb(49,68,231)
```
#4254e9
```
#4254e9 rgb(66,84,233)
```
#5464eb
```
#5464eb rgb(84,100,235)
```
#6574ed
```
#6574ed rgb(101,116,237)
```
#7784ef
```
#7784ef rgb(119,132,239)
```
#8894f1
```
#8894f1 rgb(136,148,241)
```
#9aa3f3
```
#9aa3f3 rgb(154,163,243)
```
#acb3f5
```
#acb3f5 rgb(172,179,245)
```
#bdc3f7
```
#bdc3f7 rgb(189,195,247)
```
#cfd3f9
```
#cfd3f9 rgb(207,211,249)
```
#e0e3fb
```
#e0e3fb rgb(224,227,251)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#7f8085
```
#7f8085 rgb(127,128,133)
```
#76788e
```
#76788e rgb(118,120,142)
```
#6c7198
```
#6c7198 rgb(108,113,152)
```
#6269a2
```
#6269a2 rgb(98,105,162)
```
#5961ab
```
#5961ab rgb(89,97,171)
```
#4f5ab5
```
#4f5ab5 rgb(79,90,181)
```
#4552bf
```
#4552bf rgb(69,82,191)
```
#3c4bc8
```
#3c4bc8 rgb(60,75,200)
```
#3243d2
```
#3243d2 rgb(50,67,210)
```
#293cdb
```
#293cdb rgb(41,60,219)
```
#1f34e5
```
#1f34e5 rgb(31,52,229)
```
#152cef
```
#152cef rgb(21,44,239)
```
#0c25f8
```
#0c25f8 rgb(12,37,248)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b3f63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#0b4bc0 Protanomaly 1% of men, 0.01% of women
#0b4eb1 Deuteranomaly 6% of men, 0.4% of women
#0b5295 Tritanomaly 0.01% of the population

#1f34e5 hex color

#1f34e5 Color Information

#1f34e5 Color Conversion

Color Schemes with #1f34e5

Alternatives to #1f34e5

#1f34e5 Preview

Shades and Tints of #1f34e5

Tones of #1f34e5

Color Blindness Simulator