#970af2 hex color

In a RGB color space, hex #970af2 is composed of 59.2% red, 3.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 95.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 276.5 degrees, a saturation of 92.1% and a lightness of 49.4%. #970af2 color hex could be obtained by blending #ff14ff with #2f00e5. Closest websafe color is: #9900ff.

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

● #970af2 color description : Vivid violet.

The hexadecimal color #970af2 has RGB values of R:151, G:10, B:242 and CMYK values of C:0.38, M:0.96, Y:0, K:0.05. Its decimal value is 9898738.

Hex triplet	970af2	`#970af2`
RGB Decimal	151, 10, 242	`rgb(151,10,242)`
RGB Percent	59.2, 3.9, 94.9	`rgb(59.2%,3.9%,94.9%)`
CMYK	38, 96, 0, 5
HSL	276.5°, 92.1, 49.4	`hsl(276.5,92.1%,49.4%)`
HSV (or HSB)	276.5°, 95.9, 94.9
Web Safe	9900ff	`#9900ff`

CIE-LAB	43.074, 81.571, -82.321
XYZ	28.896, 13.208, 85.027
xyY	0.227, 0.104, 13.208
CIE-LCH	43.074, 115.891, 314.738
CIE-LUV	43.074, 23.47, -124.182
Hunter-Lab	36.342, 78.325, -113.275
Binary	10010111, 00001010, 11110010

#970af2
```
#970af2 rgb(151,10,242)
```
#65f20a
```
#65f20a rgb(101,242,10)
```

Complementary Color

#230af2
```
#230af2 rgb(35,10,242)
```
#970af2
```
#970af2 rgb(151,10,242)
```
#f20ad9
```
#f20ad9 rgb(242,10,217)
```

Analogous Color

#0af223
```
#0af223 rgb(10,242,35)
```
#970af2
```
#970af2 rgb(151,10,242)
```
#d9f20a
```
#d9f20a rgb(217,242,10)
```

Split Complementary Color

#0af297
```
#0af297 rgb(10,242,151)
```
#970af2
```
#970af2 rgb(151,10,242)
```
#f2970a
```
#f2970a rgb(242,151,10)
```

Triadic Color

#0a65f2
```
#0a65f2 rgb(10,101,242)
```
#970af2
```
#970af2 rgb(151,10,242)
```
#f2970a
```
#f2970a rgb(242,151,10)
```
#65f20a
```
#65f20a rgb(101,242,10)
```

Tetradic Color

#6907a9
```
#6907a9 rgb(105,7,169)
```
#7808c1
```
#7808c1 rgb(120,8,193)
```
#8809da
```
#8809da rgb(136,9,218)
```
#970af2
```
#970af2 rgb(151,10,242)
```
#a220f6
```
#a220f6 rgb(162,32,246)
```
#ac38f7
```
#ac38f7 rgb(172,56,247)
```
#b651f8
```
#b651f8 rgb(182,81,248)
```

Monochromatic Color

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

#5d0af2
```
#5d0af2 rgb(93,10,242)
```
#700af2
```
#700af2 rgb(112,10,242)
```
#840af2
```
#840af2 rgb(132,10,242)
```
#970af2
```
#970af2 rgb(151,10,242)
```
#aa0af2
```
#aa0af2 rgb(170,10,242)
```
#be0af2
```
#be0af2 rgb(190,10,242)
```
#d10af2
```
#d10af2 rgb(209,10,242)
```

Similar Colors

Text with hexadecimal color #970af2

This text has a font color of #970af2.

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

#970af2 background color

This paragraph has a background color of #970af2.

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

#970af2 border color

This element has a border color of #970af2.

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

CSS codes

.text {color:#970af2;}

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

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

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

#0a0110
```
#0a0110 rgb(10,1,16)
```
#160123
```
#160123 rgb(22,1,35)
```
#210236
```
#210236 rgb(33,2,54)
```
#2d0348
```
#2d0348 rgb(45,3,72)
```
#39045b
```
#39045b rgb(57,4,91)
```
#45056e
```
#45056e rgb(69,5,110)
```
#500581
```
#500581 rgb(80,5,129)
```
#5c0694
```
#5c0694 rgb(92,6,148)
```
#6807a7
```
#6807a7 rgb(104,7,167)
```
#7408b9
```
#7408b9 rgb(116,8,185)
```
#7f08cc
```
#7f08cc rgb(127,8,204)
```
#8b09df
```
#8b09df rgb(139,9,223)
```
#970af2
```
#970af2 rgb(151,10,242)
```

Shade Color Variation

#9f1af6
```
#9f1af6 rgb(159,26,246)
```
#a72df6
```
#a72df6 rgb(167,45,246)
```
#af40f7
```
#af40f7 rgb(175,64,247)
```
#b753f8
```
#b753f8 rgb(183,83,248)
```
#bf65f9
```
#bf65f9 rgb(191,101,249)
```
#c778f9
```
#c778f9 rgb(199,120,249)
```
#cf8bfa
```
#cf8bfa rgb(207,139,250)
```
#d69efb
```
#d69efb rgb(214,158,251)
```
#deb1fc
```
#deb1fc rgb(222,177,252)
```
#e6c4fd
```
#e6c4fd rgb(230,196,253)
```
#eed6fd
```
#eed6fd rgb(238,214,253)
```
#f6e9fe
```
#f6e9fe rgb(246,233,254)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#807587
```
#807587 rgb(128,117,135)
```
#826b91
```
#826b91 rgb(130,107,145)
```
#84619b
```
#84619b rgb(132,97,155)
```
#8658a4
```
#8658a4 rgb(134,88,164)
```
#884eae
```
#884eae rgb(136,78,174)
```
#8a44b8
```
#8a44b8 rgb(138,68,184)
```
#8d3ac2
```
#8d3ac2 rgb(141,58,194)
```
#8f31cb
```
#8f31cb rgb(143,49,203)
```
#9127d5
```
#9127d5 rgb(145,39,213)
```
#931ddf
```
#931ddf rgb(147,29,223)
```
#9514e8
```
#9514e8 rgb(149,20,232)
```
#970af2
```
#970af2 rgb(151,10,242)
```
#9900fc
```
#9900fc rgb(153,0,252)
```

Tone Color Variation

Below, you can see how #970af2 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

#006acf Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#7c686f Tritanopia 0.001% of the population

Trichromacy

#3647db Protanomaly 1% of men, 0.01% of women
#364bcb Deuteranomaly 6% of men, 0.4% of women
#85469f Tritanomaly 0.01% of the population

#970af2 hex color

#970af2 Color Information

#970af2 Color Conversion

Color Schemes with #970af2

Alternatives to #970af2

#970af2 Preview

Shades and Tints of #970af2

Tones of #970af2

Color Blindness Simulator