#1f34e6 hex color

In a RGB color space, hex #1f34e6 is composed of 12.2% red, 20.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 77.4% magenta, 0% yellow and 9.8% black. It has a hue angle of 233.7 degrees, a saturation of 79.9% and a lightness of 51.2%. #1f34e6 color hex could be obtained by blending #3e68ff with #0000cd. Closest websafe color is: #3333ff.

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

● #1f34e6 color description : Vivid blue.

The hexadecimal color #1f34e6 has RGB values of R:31, G:52, B:230 and CMYK values of C:0.87, M:0.77, Y:0, K:0.1. Its decimal value is 2045158.

Hex triplet	1f34e6	`#1f34e6`
RGB Decimal	31, 52, 230	`rgb(31,52,230)`
RGB Percent	12.2, 20.4, 90.2	`rgb(12.2%,20.4%,90.2%)`
CMYK	87, 77, 0, 10
HSL	233.7°, 79.9, 51.2	`hsl(233.7,79.9%,51.2%)`
HSV (or HSB)	233.7°, 86.5, 90.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.922, 57.007, -89.338
XYZ	16.073, 8.459, 75.644
xyY	0.16, 0.084, 8.459
CIE-LCH	34.922, 105.977, 302.542
CIE-LUV	34.922, -10.908, -119.175
Hunter-Lab	29.085, 47.746, -133.843
Binary	00011111, 00110100, 11100110

#1f34e6
```
#1f34e6 rgb(31,52,230)
```
#e6d11f
```
#e6d11f rgb(230,209,31)
```

Complementary Color

#1f98e6
```
#1f98e6 rgb(31,152,230)
```
#1f34e6
```
#1f34e6 rgb(31,52,230)
```
#6e1fe6
```
#6e1fe6 rgb(110,31,230)
```

Analogous Color

#98e61f
```
#98e61f rgb(152,230,31)
```
#1f34e6
```
#1f34e6 rgb(31,52,230)
```
#e66e1f
```
#e66e1f rgb(230,110,31)
```

Split Complementary Color

#34e61f
```
#34e61f rgb(52,230,31)
```
#1f34e6
```
#1f34e6 rgb(31,52,230)
```
#e61f34
```
#e61f34 rgb(230,31,52)
```

Triadic Color

#1fe6d1
```
#1fe6d1 rgb(31,230,209)
```
#1f34e6
```
#1f34e6 rgb(31,52,230)
```
#e61f34
```
#e61f34 rgb(230,31,52)
```
#e6d11f
```
#e6d11f rgb(230,209,31)
```

Tetradic Color

#1322a6
```
#1322a6 rgb(19,34,166)
```
#1527bd
```
#1527bd rgb(21,39,189)
```
#182cd4
```
#182cd4 rgb(24,44,212)
```
#1f34e6
```
#1f34e6 rgb(31,52,230)
```
#3649e9
```
#3649e9 rgb(54,73,233)
```
#4d5eeb
```
#4d5eeb rgb(77,94,235)
```
#6472ee
```
#6472ee rgb(100,114,238)
```

Monochromatic Color

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

#1f66e6
```
#1f66e6 rgb(31,102,230)
```
#1f55e6
```
#1f55e6 rgb(31,85,230)
```
#1f45e6
```
#1f45e6 rgb(31,69,230)
```
#1f34e6
```
#1f34e6 rgb(31,52,230)
```
#1f23e6
```
#1f23e6 rgb(31,35,230)
```
#2b1fe6
```
#2b1fe6 rgb(43,31,230)
```
#3c1fe6
```
#3c1fe6 rgb(60,31,230)
```

Similar Colors

Text with hexadecimal color #1f34e6

This text has a font color of #1f34e6.

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

#1f34e6 background color

This paragraph has a background color of #1f34e6.

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

#1f34e6 border color

This element has a border color of #1f34e6.

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

CSS codes

.text {color:#1f34e6;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#030517
```
#030517 rgb(3,5,23)
```
#050829
```
#050829 rgb(5,8,41)
```
#070c3a
```
#070c3a rgb(7,12,58)
```
#08104c
```
#08104c rgb(8,16,76)
```
#0a135e
```
#0a135e rgb(10,19,94)
```
#0c176f
```
#0c176f rgb(12,23,111)
```
#0e1a81
```
#0e1a81 rgb(14,26,129)
```
#101e93
```
#101e93 rgb(16,30,147)
```
#1222a4
```
#1222a4 rgb(18,34,164)
```
#1425b6
```
#1425b6 rgb(20,37,182)
```
#1629c8
```
#1629c8 rgb(22,41,200)
```
#182dd9
```
#182dd9 rgb(24,45,217)
```

Shade Color Variation

#1f34e6
```
#1f34e6 rgb(31,52,230)
```
#3144e8
```
#3144e8 rgb(49,68,232)
```
#4254ea
```
#4254ea rgb(66,84,234)
```
#5464ec
```
#5464ec rgb(84,100,236)
```
#6674ee
```
#6674ee rgb(102,116,238)
```
#7784f0
```
#7784f0 rgb(119,132,240)
```
#8994f2
```
#8994f2 rgb(137,148,242)
```
#9ba4f4
```
#9ba4f4 rgb(155,164,244)
```
#acb4f6
```
#acb4f6 rgb(172,180,246)
```
#bec4f8
```
#bec4f8 rgb(190,196,248)
```
#cfd4fa
```
#cfd4fa rgb(207,212,250)
```
#e1e4fc
```
#e1e4fc rgb(225,228,252)
```
#f3f4fe
```
#f3f4fe rgb(243,244,254)
```

Tint Color Variation

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

#7f8086
```
#7f8086 rgb(127,128,134)
```
#757890
```
#757890 rgb(117,120,144)
```
#6c7099
```
#6c7099 rgb(108,112,153)
```
#6269a3
```
#6269a3 rgb(98,105,163)
```
#5861ad
```
#5861ad rgb(88,97,173)
```
#4f5ab6
```
#4f5ab6 rgb(79,90,182)
```
#4552c0
```
#4552c0 rgb(69,82,192)
```
#3c4bc9
```
#3c4bc9 rgb(60,75,201)
```
#3243d3
```
#3243d3 rgb(50,67,211)
```
#293cdc
```
#293cdc rgb(41,60,220)
```
#1f34e6
```
#1f34e6 rgb(31,52,230)
```
#152cf0
```
#152cf0 rgb(21,44,240)
```
#0c25f9
```
#0c25f9 rgb(12,37,249)
```

Tone Color Variation

Below, you can see how #1f34e6 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
#006468 Tritanopia 0.001% of the population

Trichromacy

#0b4bc1 Protanomaly 1% of men, 0.01% of women
#0b4eb2 Deuteranomaly 6% of men, 0.4% of women
#0b5296 Tritanomaly 0.01% of the population

#1f34e6 hex color

#1f34e6 Color Information

#1f34e6 Color Conversion

Color Schemes with #1f34e6

Alternatives to #1f34e6

#1f34e6 Preview

Shades and Tints of #1f34e6

Tones of #1f34e6

Color Blindness Simulator