#1f35e4 hex color

In a RGB color space, hex #1f35e4 is composed of 12.2% red, 20.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 76.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 233.3 degrees, a saturation of 78.5% and a lightness of 50.8%. #1f35e4 color hex could be obtained by blending #3e6aff with #0000c9. Closest websafe color is: #3333cc.

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

● #1f35e4 color description : Vivid blue.

The hexadecimal color #1f35e4 has RGB values of R:31, G:53, B:228 and CMYK values of C:0.86, M:0.77, Y:0, K:0.11. Its decimal value is 2045412.

Hex triplet	1f35e4	`#1f35e4`
RGB Decimal	31, 53, 228	`rgb(31,53,228)`
RGB Percent	12.2, 20.8, 89.4	`rgb(12.2%,20.8%,89.4%)`
CMYK	86, 77, 0, 11
HSL	233.3°, 78.5, 50.8	`hsl(233.3,78.5%,50.8%)`
HSV (or HSB)	233.3°, 86.4, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.878, 55.844, -88.269
XYZ	15.839, 8.438, 74.188
xyY	0.161, 0.086, 8.438
CIE-LCH	34.878, 104.451, 302.32
CIE-LUV	34.878, -10.995, -118.009
Hunter-Lab	29.048, 46.497, -131.094
Binary	00011111, 00110101, 11100100

#1f35e4
```
#1f35e4 rgb(31,53,228)
```
#e4ce1f
```
#e4ce1f rgb(228,206,31)
```

Complementary Color

#1f98e4
```
#1f98e4 rgb(31,152,228)
```
#1f35e4
```
#1f35e4 rgb(31,53,228)
```
#6c1fe4
```
#6c1fe4 rgb(108,31,228)
```

Analogous Color

#98e41f
```
#98e41f rgb(152,228,31)
```
#1f35e4
```
#1f35e4 rgb(31,53,228)
```
#e46c1f
```
#e46c1f rgb(228,108,31)
```

Split Complementary Color

#35e41f
```
#35e41f rgb(53,228,31)
```
#1f35e4
```
#1f35e4 rgb(31,53,228)
```
#e41f35
```
#e41f35 rgb(228,31,53)
```

Triadic Color

#1fe4ce
```
#1fe4ce rgb(31,228,206)
```
#1f35e4
```
#1f35e4 rgb(31,53,228)
```
#e41f35
```
#e41f35 rgb(228,31,53)
```
#e4ce1f
```
#e4ce1f rgb(228,206,31)
```

Tetradic Color

#1424a3
```
#1424a3 rgb(20,36,163)
```
#1629ba
```
#1629ba rgb(22,41,186)
```
#192ed0
```
#192ed0 rgb(25,46,208)
```
#1f35e4
```
#1f35e4 rgb(31,53,228)
```
#364ae7
```
#364ae7 rgb(54,74,231)
```
#4d5ee9
```
#4d5ee9 rgb(77,94,233)
```
#6373ec
```
#6373ec rgb(99,115,236)
```

Monochromatic Color

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

#1f66e4
```
#1f66e4 rgb(31,102,228)
```
#1f56e4
```
#1f56e4 rgb(31,86,228)
```
#1f45e4
```
#1f45e4 rgb(31,69,228)
```
#1f35e4
```
#1f35e4 rgb(31,53,228)
```
#1f25e4
```
#1f25e4 rgb(31,37,228)
```
#2a1fe4
```
#2a1fe4 rgb(42,31,228)
```
#3a1fe4
```
#3a1fe4 rgb(58,31,228)
```

Similar Colors

Text with hexadecimal color #1f35e4

This text has a font color of #1f35e4.

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

#1f35e4 background color

This paragraph has a background color of #1f35e4.

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

#1f35e4 border color

This element has a border color of #1f35e4.

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

CSS codes

.text {color:#1f35e4;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#030515
```
#030515 rgb(3,5,21)
```
#050827
```
#050827 rgb(5,8,39)
```
#070c38
```
#070c38 rgb(7,12,56)
```
#09104a
```
#09104a rgb(9,16,74)
```
#0b145b
```
#0b145b rgb(11,20,91)
```
#0d186d
```
#0d186d rgb(13,24,109)
```
#0f1c7e
```
#0f1c7e rgb(15,28,126)
```
#111f90
```
#111f90 rgb(17,31,144)
```
#1323a1
```
#1323a1 rgb(19,35,161)
```
#1627b3
```
#1627b3 rgb(22,39,179)
```
#182bc4
```
#182bc4 rgb(24,43,196)
```
#1a2fd6
```
#1a2fd6 rgb(26,47,214)
```

Shade Color Variation

#1f35e4
```
#1f35e4 rgb(31,53,228)
```
#3145e6
```
#3145e6 rgb(49,69,230)
```
#4255e8
```
#4255e8 rgb(66,85,232)
```
#5464ea
```
#5464ea rgb(84,100,234)
```
#6574ec
```
#6574ec rgb(101,116,236)
```
#7784ef
```
#7784ef rgb(119,132,239)
```
#8894f1
```
#8894f1 rgb(136,148,241)
```
#9aa4f3
```
#9aa4f3 rgb(154,164,243)
```
#abb3f5
```
#abb3f5 rgb(171,179,245)
```
#bdc3f7
```
#bdc3f7 rgb(189,195,247)
```
#ced3f9
```
#ced3f9 rgb(206,211,249)
```
#e0e3fb
```
#e0e3fb rgb(224,227,251)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

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

#808083
```
#808083 rgb(128,128,131)
```
#76788d
```
#76788d rgb(118,120,141)
```
#6c7197
```
#6c7197 rgb(108,113,151)
```
#6369a0
```
#6369a0 rgb(99,105,160)
```
#5962aa
```
#5962aa rgb(89,98,170)
```
#4f5ab4
```
#4f5ab4 rgb(79,90,180)
```
#4653bd
```
#4653bd rgb(70,83,189)
```
#3c4bc7
```
#3c4bc7 rgb(60,75,199)
```
#3244d1
```
#3244d1 rgb(50,68,209)
```
#293cda
```
#293cda rgb(41,60,218)
```
#1f35e4
```
#1f35e4 rgb(31,53,228)
```
#152eee
```
#152eee rgb(21,46,238)
```
#0c26f7
```
#0c26f7 rgb(12,38,247)
```

Tone Color Variation

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

#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

#1f35e4 hex color

#1f35e4 Color Information

#1f35e4 Color Conversion

Color Schemes with #1f35e4

Alternatives to #1f35e4

#1f35e4 Preview

Shades and Tints of #1f35e4

Tones of #1f35e4

Color Blindness Simulator