#970bf4 hex color

In a RGB color space, hex #970bf4 is composed of 59.2% red, 4.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 95.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 276.1 degrees, a saturation of 91.4% and a lightness of 50%. #970bf4 color hex could be obtained by blending #ff16ff with #2f00e9. Closest websafe color is: #9900ff.

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

● #970bf4 color description : Vivid violet.

The hexadecimal color #970bf4 has RGB values of R:151, G:11, B:244 and CMYK values of C:0.38, M:0.95, Y:0, K:0.04. Its decimal value is 9898996.

Hex triplet	970bf4	`#970bf4`
RGB Decimal	151, 11, 244	`rgb(151,11,244)`
RGB Percent	59.2, 4.3, 95.7	`rgb(59.2%,4.3%,95.7%)`
CMYK	38, 95, 0, 4
HSL	276.1°, 91.4, 50	`hsl(276.1,91.4%,50%)`
HSV (or HSB)	276.1°, 95.5, 95.7
Web Safe	9900ff	`#9900ff`

CIE-LAB	43.287, 81.865, -83.099
XYZ	29.209, 13.351, 86.621
xyY	0.226, 0.103, 13.351
CIE-LCH	43.287, 116.651, 314.572
CIE-LUV	43.287, 23.029, -125.368
Hunter-Lab	36.539, 78.749, -114.98
Binary	10010111, 00001011, 11110100

#970bf4
```
#970bf4 rgb(151,11,244)
```
#68f40b
```
#68f40b rgb(104,244,11)
```

Complementary Color

#220bf4
```
#220bf4 rgb(34,11,244)
```
#970bf4
```
#970bf4 rgb(151,11,244)
```
#f40bdd
```
#f40bdd rgb(244,11,221)
```

Analogous Color

#0bf422
```
#0bf422 rgb(11,244,34)
```
#970bf4
```
#970bf4 rgb(151,11,244)
```
#ddf40b
```
#ddf40b rgb(221,244,11)
```

Split Complementary Color

#0bf497
```
#0bf497 rgb(11,244,151)
```
#970bf4
```
#970bf4 rgb(151,11,244)
```
#f4970b
```
#f4970b rgb(244,151,11)
```

Triadic Color

#0b68f4
```
#0b68f4 rgb(11,104,244)
```
#970bf4
```
#970bf4 rgb(151,11,244)
```
#f4970b
```
#f4970b rgb(244,151,11)
```
#68f40b
```
#68f40b rgb(104,244,11)
```

Tetradic Color

#6a08ab
```
#6a08ab rgb(106,8,171)
```
#7909c3
```
#7909c3 rgb(121,9,195)
```
#880adc
```
#880adc rgb(136,10,220)
```
#970bf4
```
#970bf4 rgb(151,11,244)
```
#a123f5
```
#a123f5 rgb(161,35,245)
```
#ac3cf6
```
#ac3cf6 rgb(172,60,246)
```
#b654f7
```
#b654f7 rgb(182,84,247)
```

Monochromatic Color

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

#5d0bf4
```
#5d0bf4 rgb(93,11,244)
```
#700bf4
```
#700bf4 rgb(112,11,244)
```
#840bf4
```
#840bf4 rgb(132,11,244)
```
#970bf4
```
#970bf4 rgb(151,11,244)
```
#aa0bf4
```
#aa0bf4 rgb(170,11,244)
```
#be0bf4
```
#be0bf4 rgb(190,11,244)
```
#d10bf4
```
#d10bf4 rgb(209,11,244)
```

Similar Colors

Text with hexadecimal color #970bf4

This text has a font color of #970bf4.

<span style="color:#970bf4;">Text here</span>

#970bf4 background color

This paragraph has a background color of #970bf4.

<p style="background-color:#970bf4;">Content here</p>

#970bf4 border color

This element has a border color of #970bf4.

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

CSS codes

.text {color:#970bf4;}

.background {background-color:#970bf4;}

.border {border:1px solid #970bf4;}

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

#0c0113
```
#0c0113 rgb(12,1,19)
```
#170226
```
#170226 rgb(23,2,38)
```
#230338
```
#230338 rgb(35,3,56)
```
#2e034b
```
#2e034b rgb(46,3,75)
```
#3a045e
```
#3a045e rgb(58,4,94)
```
#460571
```
#460571 rgb(70,5,113)
```
#510683
```
#510683 rgb(81,6,131)
```
#5d0796
```
#5d0796 rgb(93,7,150)
```
#6908a9
```
#6908a9 rgb(105,8,169)
```
#7408bc
```
#7408bc rgb(116,8,188)
```
#8009ce
```
#8009ce rgb(128,9,206)
```
#8b0ae1
```
#8b0ae1 rgb(139,10,225)
```
#970bf4
```
#970bf4 rgb(151,11,244)
```

Shade Color Variation

#9f1ef5
```
#9f1ef5 rgb(159,30,245)
```
#a731f6
```
#a731f6 rgb(167,49,246)
```
#af43f7
```
#af43f7 rgb(175,67,247)
```
#b756f7
```
#b756f7 rgb(183,86,247)
```
#bf69f8
```
#bf69f8 rgb(191,105,248)
```
#c77cf9
```
#c77cf9 rgb(199,124,249)
```
#cf8efa
```
#cf8efa rgb(207,142,250)
```
#d7a1fb
```
#d7a1fb rgb(215,161,251)
```
#dfb4fc
```
#dfb4fc rgb(223,180,252)
```
#e7c7fc
```
#e7c7fc rgb(231,199,252)
```
#efd9fd
```
#efd9fd rgb(239,217,253)
```
#f7ecfe
```
#f7ecfe rgb(247,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, #817788 is the less saturated color, while #9901fe is the most saturated one.

#817788
```
#817788 rgb(129,119,136)
```
#836d92
```
#836d92 rgb(131,109,146)
```
#85639c
```
#85639c rgb(133,99,156)
```
#8759a6
```
#8759a6 rgb(135,89,166)
```
#8950af
```
#8950af rgb(137,80,175)
```
#8b46b9
```
#8b46b9 rgb(139,70,185)
```
#8d3cc3
```
#8d3cc3 rgb(141,60,195)
```
#8f32cd
```
#8f32cd rgb(143,50,205)
```
#9128d7
```
#9128d7 rgb(145,40,215)
```
#931fe0
```
#931fe0 rgb(147,31,224)
```
#9515ea
```
#9515ea rgb(149,21,234)
```
#970bf4
```
#970bf4 rgb(151,11,244)
```
#9901fe
```
#9901fe rgb(153,1,254)
```

Tone Color Variation

Below, you can see how #970bf4 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
#5d4170 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bcf Protanopia 1% of men
#0070b6 Deuteranopia 1% of men
#7b6970 Tritanopia 0.001% of the population

Trichromacy

#3648dd Protanomaly 1% of men, 0.01% of women
#364bcc Deuteranomaly 6% of men, 0.4% of women
#8547a0 Tritanomaly 0.01% of the population

#970bf4 hex color

#970bf4 Color Information

#970bf4 Color Conversion

Color Schemes with #970bf4

Alternatives to #970bf4

#970bf4 Preview

Shades and Tints of #970bf4

Tones of #970bf4

Color Blindness Simulator