#2970ff hex color

In a RGB color space, hex #2970ff is composed of 16.1% red, 43.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 56.1% magenta, 0% yellow and 0% black. It has a hue angle of 220.1 degrees, a saturation of 100% and a lightness of 58%. #2970ff color hex could be obtained by blending #52e0ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 44
- B 100
RGB color chart
- C 84
- M 56
- Y 0
- K 0
CMYK color chart

● #2970ff color description : Vivid blue.

The hexadecimal color #2970ff has RGB values of R:41, G:112, B:255 and CMYK values of C:0.84, M:0.56, Y:0, K:0. Its decimal value is 2715903.

Hex triplet	2970ff	`#2970ff`
RGB Decimal	41, 112, 255	`rgb(41,112,255)`
RGB Percent	16.1, 43.9, 100	`rgb(16.1%,43.9%,100%)`
CMYK	84, 56, 0, 0
HSL	220.1°, 100, 58	`hsl(220.1,100%,58%)`
HSV (or HSB)	220.1°, 83.9, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.011, 30.469, -76.919
XYZ	24.755, 19.278, 97.019
xyY	0.176, 0.137, 19.278
CIE-LCH	51.011, 82.734, 291.61
CIE-LUV	51.011, -22.657, -120.392
Hunter-Lab	43.906, 23.803, -100.277
Binary	00101001, 01110000, 11111111

#2970ff
```
#2970ff rgb(41,112,255)
```
#ffb829
```
#ffb829 rgb(255,184,41)
```

Complementary Color

#29dbff
```
#29dbff rgb(41,219,255)
```
#2970ff
```
#2970ff rgb(41,112,255)
```
#4d29ff
```
#4d29ff rgb(77,41,255)
```

Analogous Color

#dbff29
```
#dbff29 rgb(219,255,41)
```
#2970ff
```
#2970ff rgb(41,112,255)
```
#ff4d29
```
#ff4d29 rgb(255,77,41)
```

Split Complementary Color

#70ff29
```
#70ff29 rgb(112,255,41)
```
#2970ff
```
#2970ff rgb(41,112,255)
```
#ff2970
```
#ff2970 rgb(255,41,112)
```

Triadic Color

#29ffb8
```
#29ffb8 rgb(41,255,184)
```
#2970ff
```
#2970ff rgb(41,112,255)
```
#ff2970
```
#ff2970 rgb(255,41,112)
```
#ffb829
```
#ffb829 rgb(255,184,41)
```

Tetradic Color

#0049dc
```
#0049dc rgb(0,73,220)
```
#0051f5
```
#0051f5 rgb(0,81,245)
```
#105fff
```
#105fff rgb(16,95,255)
```
#2970ff
```
#2970ff rgb(41,112,255)
```
#4381ff
```
#4381ff rgb(67,129,255)
```
#5c92ff
```
#5c92ff rgb(92,146,255)
```
#76a3ff
```
#76a3ff rgb(118,163,255)
```

Monochromatic Color

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

#29a6ff
```
#29a6ff rgb(41,166,255)
```
#2994ff
```
#2994ff rgb(41,148,255)
```
#2982ff
```
#2982ff rgb(41,130,255)
```
#2970ff
```
#2970ff rgb(41,112,255)
```
#295eff
```
#295eff rgb(41,94,255)
```
#294cff
```
#294cff rgb(41,76,255)
```
#293bff
```
#293bff rgb(41,59,255)
```

Similar Colors

Text with hexadecimal color #2970ff

This text has a font color of #2970ff.

<span style="color:#2970ff;">Text here</span>

#2970ff background color

This paragraph has a background color of #2970ff.

<p style="background-color:#2970ff;">Content here</p>

#2970ff border color

This element has a border color of #2970ff.

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

CSS codes

.text {color:#2970ff;}

.background {background-color:#2970ff;}

.border {border:1px solid #2970ff;}

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

#000102
```
#000102 rgb(0,1,2)
```
#000715
```
#000715 rgb(0,7,21)
```
#000e29
```
#000e29 rgb(0,14,41)
```
#00143d
```
#00143d rgb(0,20,61)
```
#001b50
```
#001b50 rgb(0,27,80)
```
#002164
```
#002164 rgb(0,33,100)
```
#002877
```
#002877 rgb(0,40,119)
```
#002e8b
```
#002e8b rgb(0,46,139)
```
#00359f
```
#00359f rgb(0,53,159)
```
#003bb2
```
#003bb2 rgb(0,59,178)
```
#0042c6
```
#0042c6 rgb(0,66,198)
```
#0048da
```
#0048da rgb(0,72,218)
```
#004fed
```
#004fed rgb(0,79,237)
```

Shade Color Variation

#0256ff
```
#0256ff rgb(2,86,255)
```
#1563ff
```
#1563ff rgb(21,99,255)
```
#2970ff
```
#2970ff rgb(41,112,255)
```
#3d7dff
```
#3d7dff rgb(61,125,255)
```
#508aff
```
#508aff rgb(80,138,255)
```
#6497ff
```
#6497ff rgb(100,151,255)
```
#77a4ff
```
#77a4ff rgb(119,164,255)
```
#8bb2ff
```
#8bb2ff rgb(139,178,255)
```
#9fbfff
```
#9fbfff rgb(159,191,255)
```
#b2ccff
```
#b2ccff rgb(178,204,255)
```
#c6d9ff
```
#c6d9ff rgb(198,217,255)
```
#dae6ff
```
#dae6ff rgb(218,230,255)
```
#edf3ff
```
#edf3ff rgb(237,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c919c is the less saturated color, while #2970ff is the most saturated one.

#8c919c
```
#8c919c rgb(140,145,156)
```
#848ea4
```
#848ea4 rgb(132,142,164)
```
#7b8cad
```
#7b8cad rgb(123,140,173)
```
#7389b5
```
#7389b5 rgb(115,137,181)
```
#6b86bd
```
#6b86bd rgb(107,134,189)
```
#6383c5
```
#6383c5 rgb(99,131,197)
```
#5a81ce
```
#5a81ce rgb(90,129,206)
```
#527ed6
```
#527ed6 rgb(82,126,214)
```
#4a7bde
```
#4a7bde rgb(74,123,222)
```
#4278e6
```
#4278e6 rgb(66,120,230)
```
#3976ef
```
#3976ef rgb(57,118,239)
```
#3173f7
```
#3173f7 rgb(49,115,247)
```
#2970ff
```
#2970ff rgb(41,112,255)
```

Tone Color Variation

Below, you can see how #2970ff 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

#6b6b6b Achromatopsia 0.005% of the population
#5e6c89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#0083d5 Deuteranopia 1% of men
#008d94 Tritanopia 0.001% of the population

Trichromacy

#0e77f7 Protanomaly 1% of men, 0.01% of women
#0e7ce4 Deuteranomaly 6% of men, 0.4% of women
#0e82bb Tritanomaly 0.01% of the population

#2970ff hex color

#2970ff Color Information

#2970ff Color Conversion

Color Schemes with #2970ff

Alternatives to #2970ff

#2970ff Preview

Shades and Tints of #2970ff

Tones of #2970ff

Color Blindness Simulator