#1f0bf4 hex color

In a RGB color space, hex #1f0bf4 is composed of 12.2% red, 4.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 95.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 245.2 degrees, a saturation of 91.4% and a lightness of 50%. #1f0bf4 color hex could be obtained by blending #3e16ff with #0000e9. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 12
- G 4
- B 96
RGB color chart
- C 87
- M 95
- Y 0
- K 4
CMYK color chart

● #1f0bf4 color description : Vivid blue.

The hexadecimal color #1f0bf4 has RGB values of R:31, G:11, B:244 and CMYK values of C:0.87, M:0.95, Y:0, K:0.04. Its decimal value is 2034676.

Hex triplet	1f0bf4	`#1f0bf4`
RGB Decimal	31, 11, 244	`rgb(31,11,244)`
RGB Percent	12.2, 4.3, 95.7	`rgb(12.2%,4.3%,95.7%)`
CMYK	87, 95, 0, 4
HSL	245.2°, 91.4, 50	`hsl(245.2,91.4%,50%)`
HSV (or HSB)	245.2°, 95.5, 95.7
Web Safe	3300ff	`#3300ff`

CIE-LAB	31.946, 75.11, -102.245
XYZ	17.011, 7.061, 86.049
xyY	0.154, 0.064, 7.061
CIE-LCH	31.946, 126.868, 306.301
CIE-LUV	31.946, -8.009, -125.24
Hunter-Lab	26.573, 67.766, -173.396
Binary	00011111, 00001011, 11110100

#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```
#e0f40b
```
#e0f40b rgb(224,244,11)
```

Complementary Color

#0b6cf4
```
#0b6cf4 rgb(11,108,244)
```
#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```
#940bf4
```
#940bf4 rgb(148,11,244)
```

Analogous Color

#6cf40b
```
#6cf40b rgb(108,244,11)
```
#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```
#f4940b
```
#f4940b rgb(244,148,11)
```

Split Complementary Color

#0bf41f
```
#0bf41f rgb(11,244,31)
```
#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```
#f41f0b
```
#f41f0b rgb(244,31,11)
```

Triadic Color

#0be0f4
```
#0be0f4 rgb(11,224,244)
```
#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```
#f41f0b
```
#f41f0b rgb(244,31,11)
```
#e0f40b
```
#e0f40b rgb(224,244,11)
```

Tetradic Color

#1608ab
```
#1608ab rgb(22,8,171)
```
#1909c3
```
#1909c3 rgb(25,9,195)
```
#1c0adc
```
#1c0adc rgb(28,10,220)
```
#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```
#3523f5
```
#3523f5 rgb(53,35,245)
```
#4c3cf6
```
#4c3cf6 rgb(76,60,246)
```
#6254f7
```
#6254f7 rgb(98,84,247)
```

Monochromatic Color

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

#0b31f4
```
#0b31f4 rgb(11,49,244)
```
#0b1ef4
```
#0b1ef4 rgb(11,30,244)
```
#0c0bf4
```
#0c0bf4 rgb(12,11,244)
```
#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```
#320bf4
```
#320bf4 rgb(50,11,244)
```
#460bf4
```
#460bf4 rgb(70,11,244)
```
#590bf4
```
#590bf4 rgb(89,11,244)
```

Similar Colors

Text with hexadecimal color #1f0bf4

This text has a font color of #1f0bf4.

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

#1f0bf4 background color

This paragraph has a background color of #1f0bf4.

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

#1f0bf4 border color

This element has a border color of #1f0bf4.

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

CSS codes

.text {color:#1f0bf4;}

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

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

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

#020113
```
#020113 rgb(2,1,19)
```
#050226
```
#050226 rgb(5,2,38)
```
#070338
```
#070338 rgb(7,3,56)
```
#0a034b
```
#0a034b rgb(10,3,75)
```
#0c045e
```
#0c045e rgb(12,4,94)
```
#0e0571
```
#0e0571 rgb(14,5,113)
```
#110683
```
#110683 rgb(17,6,131)
```
#130796
```
#130796 rgb(19,7,150)
```
#1508a9
```
#1508a9 rgb(21,8,169)
```
#1808bc
```
#1808bc rgb(24,8,188)
```
#1a09ce
```
#1a09ce rgb(26,9,206)
```
#1d0ae1
```
#1d0ae1 rgb(29,10,225)
```
#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```

Shade Color Variation

#301ef5
```
#301ef5 rgb(48,30,245)
```
#4131f6
```
#4131f6 rgb(65,49,246)
```
#5343f7
```
#5343f7 rgb(83,67,247)
```
#6456f7
```
#6456f7 rgb(100,86,247)
```
#7569f8
```
#7569f8 rgb(117,105,248)
```
#867cf9
```
#867cf9 rgb(134,124,249)
```
#988efa
```
#988efa rgb(152,142,250)
```
#a9a1fb
```
#a9a1fb rgb(169,161,251)
```
#bab4fc
```
#bab4fc rgb(186,180,252)
```
#cbc7fc
```
#cbc7fc rgb(203,199,252)
```
#ddd9fd
```
#ddd9fd rgb(221,217,253)
```
#eeecfe
```
#eeecfe rgb(238,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#787788
```
#787788 rgb(120,119,136)
```
#706d92
```
#706d92 rgb(112,109,146)
```
#68639c
```
#68639c rgb(104,99,156)
```
#6059a6
```
#6059a6 rgb(96,89,166)
```
#5850af
```
#5850af rgb(88,80,175)
```
#5046b9
```
#5046b9 rgb(80,70,185)
```
#483cc3
```
#483cc3 rgb(72,60,195)
```
#3f32cd
```
#3f32cd rgb(63,50,205)
```
#3728d7
```
#3728d7 rgb(55,40,215)
```
#2f1fe0
```
#2f1fe0 rgb(47,31,224)
```
#2715ea
```
#2715ea rgb(39,21,234)
```
#1f0bf4
```
#1f0bf4 rgb(31,11,244)
```
#1701fe
```
#1701fe rgb(23,1,254)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#292554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529f Protanopia 1% of men
#005789 Deuteranopia 1% of men
#005d60 Tritanopia 0.001% of the population

Trichromacy

#0b38be Protanomaly 1% of men, 0.01% of women
#0b3bb0 Deuteranomaly 6% of men, 0.4% of women
#0b3f96 Tritanomaly 0.01% of the population

#1f0bf4 hex color

#1f0bf4 Color Information

#1f0bf4 Color Conversion

Color Schemes with #1f0bf4

Alternatives to #1f0bf4

#1f0bf4 Preview

Shades and Tints of #1f0bf4

Tones of #1f0bf4

Color Blindness Simulator