colorhexa.com

#1f46fb hex color

In a RGB color space, hex #1f46fb is composed of 12.2% red, 27.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 72.1% magenta, 0% yellow and 1.6% black. It has a hue angle of 229.4 degrees, a saturation of 96.5% and a lightness of 55.3%. #1f46fb color hex could be obtained by blending #3e8cff with #0000f7. Closest websafe color is: #3333ff.

- R 12
- G 27
- B 98
RGB color chart
- C 88
- M 72
- Y 0
- K 2
CMYK color chart

● #1f46fb color description : Vivid blue.

The hexadecimal color #1f46fb has RGB values of R:31, G:70, B:251 and CMYK values of C:0.88, M:0.72, Y:0, K:0.02. Its decimal value is 2049787.

Hex triplet	1f46fb	`#1f46fb`
RGB Decimal	31, 70, 251	`rgb(31,70,251)`
RGB Percent	12.2, 27.5, 98.4	`rgb(12.2%,27.5%,98.4%)`
CMYK	88, 72, 0, 2
HSL	229.4°, 96.5, 55.3	`hsl(229.4,96.5%,55.3%)`
HSV (or HSB)	229.4°, 87.6, 98.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.63, 54.111, -91.743
XYZ	20.164, 11.635, 92.445
xyY	0.162, 0.094, 11.635
CIE-LCH	40.63, 106.512, 300.533
CIE-LUV	40.63, -14.243, -130.195
Hunter-Lab	34.11, 45.827, -136.809
Binary	00011111, 01000110, 11111011

#1f46fb
```
#1f46fb rgb(31,70,251)
```
#fbd41f
```
#fbd41f rgb(251,212,31)
```

Complementary Color

#1fb4fb
```
#1fb4fb rgb(31,180,251)
```
#1f46fb
```
#1f46fb rgb(31,70,251)
```
#661ffb
```
#661ffb rgb(102,31,251)
```

Analogous Color

#b4fb1f
```
#b4fb1f rgb(180,251,31)
```
#1f46fb
```
#1f46fb rgb(31,70,251)
```
#fb661f
```
#fb661f rgb(251,102,31)
```

Split Complementary Color

#46fb1f
```
#46fb1f rgb(70,251,31)
```
#1f46fb
```
#1f46fb rgb(31,70,251)
```
#fb1f46
```
#fb1f46 rgb(251,31,70)
```

Triadic Color

#1ffbd4
```
#1ffbd4 rgb(31,251,212)
```
#1f46fb
```
#1f46fb rgb(31,70,251)
```
#fb1f46
```
#fb1f46 rgb(251,31,70)
```
#fbd41f
```
#fbd41f rgb(251,212,31)
```

Tetradic Color

#0427ca
```
#0427ca rgb(4,39,202)
```
#042ce3
```
#042ce3 rgb(4,44,227)
```
#0631fb
```
#0631fb rgb(6,49,251)
```
#1f46fb
```
#1f46fb rgb(31,70,251)
```
#385bfb
```
#385bfb rgb(56,91,251)
```
#516ffc
```
#516ffc rgb(81,111,252)
```
#6a84fc
```
#6a84fc rgb(106,132,252)
```

Monochromatic Color

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

#1f7dfb
```
#1f7dfb rgb(31,125,251)
```
#1f6bfb
```
#1f6bfb rgb(31,107,251)
```
#1f58fb
```
#1f58fb rgb(31,88,251)
```
#1f46fb
```
#1f46fb rgb(31,70,251)
```
#1f34fb
```
#1f34fb rgb(31,52,251)
```
#1f21fb
```
#1f21fb rgb(31,33,251)
```
#2f1ffb
```
#2f1ffb rgb(47,31,251)
```

Similar Colors

Text with hexadecimal color #1f46fb

This text has a font color of #1f46fb.

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

#1f46fb background color

This paragraph has a background color of #1f46fb.

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

#1f46fb border color

This element has a border color of #1f46fb.

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

CSS codes

.text {color:#1f46fb;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00051b
```
#00051b rgb(0,5,27)
```
#01092e
```
#01092e rgb(1,9,46)
```
#010c41
```
#010c41 rgb(1,12,65)
```
#021054
```
#021054 rgb(2,16,84)
```
#021468
```
#021468 rgb(2,20,104)
```
#02187b
```
#02187b rgb(2,24,123)
```
#031b8e
```
#031b8e rgb(3,27,142)
```
#031fa1
```
#031fa1 rgb(3,31,161)
```
#0323b5
```
#0323b5 rgb(3,35,181)
```
#0426c8
```
#0426c8 rgb(4,38,200)
```
#042adb
```
#042adb rgb(4,42,219)
```
#042eef
```
#042eef rgb(4,46,239)
```

Shade Color Variation

#0c36fb
```
#0c36fb rgb(12,54,251)
```
#1f46fb
```
#1f46fb rgb(31,70,251)
```
#3256fb
```
#3256fb rgb(50,86,251)
```
#4666fc
```
#4666fc rgb(70,102,252)
```
#5976fc
```
#5976fc rgb(89,118,252)
```
#6c86fc
```
#6c86fc rgb(108,134,252)
```
#7f96fd
```
#7f96fd rgb(127,150,253)
```
#93a5fd
```
#93a5fd rgb(147,165,253)
```
#a6b5fd
```
#a6b5fd rgb(166,181,253)
```
#b9c5fe
```
#b9c5fe rgb(185,197,254)
```
#ccd5fe
```
#ccd5fe rgb(204,213,254)
```
#e0e5fe
```
#e0e5fe rgb(224,229,254)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a92 is the less saturated color, while #1f46fb is the most saturated one.

#888a92
```
#888a92 rgb(136,138,146)
```
#7f849b
```
#7f849b rgb(127,132,155)
```
#777fa3
```
#777fa3 rgb(119,127,163)
```
#6e79ac
```
#6e79ac rgb(110,121,172)
```
#6573b5
```
#6573b5 rgb(101,115,181)
```
#5c6ebe
```
#5c6ebe rgb(92,110,190)
```
#5468c6
```
#5468c6 rgb(84,104,198)
```
#4b62cf
```
#4b62cf rgb(75,98,207)
```
#425dd8
```
#425dd8 rgb(66,93,216)
```
#3957e1
```
#3957e1 rgb(57,87,225)
```
#3151e9
```
#3151e9 rgb(49,81,233)
```
#284cf2
```
#284cf2 rgb(40,76,242)
```
#1f46fb
```
#1f46fb rgb(31,70,251)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#454d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#0b59d8 Protanomaly 1% of men, 0.01% of women
#0b5dc7 Deuteranomaly 6% of men, 0.4% of women
#0b62a7 Tritanomaly 0.01% of the population