#2970bf hex color

In a RGB color space, hex #2970bf is composed of 16.1% red, 43.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 41.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 211.6 degrees, a saturation of 64.7% and a lightness of 45.5%. #2970bf color hex could be obtained by blending #52e0ff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 44
- B 75
RGB color chart
- C 79
- M 41
- Y 0
- K 25
CMYK color chart

● #2970bf color description : Strong blue.

The hexadecimal color #2970bf has RGB values of R:41, G:112, B:191 and CMYK values of C:0.79, M:0.41, Y:0, K:0.25. Its decimal value is 2715839.

Hex triplet	2970bf	`#2970bf`
RGB Decimal	41, 112, 191	`rgb(41,112,191)`
RGB Percent	16.1, 43.9, 74.9	`rgb(16.1%,43.9%,74.9%)`
CMYK	79, 41, 0, 25
HSL	211.6°, 64.7, 45.5	`hsl(211.6,64.7%,45.5%)`
HSV (or HSB)	211.6°, 78.5, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.737, 6.291, -47.652
XYZ	16.11, 15.82, 51.492
xyY	0.193, 0.19, 15.82
CIE-LCH	46.737, 48.065, 277.52
CIE-LUV	46.737, -24.213, -72.466
Hunter-Lab	39.774, 2.695, -48.915
Binary	00101001, 01110000, 10111111

#2970bf
```
#2970bf rgb(41,112,191)
```
#bf7829
```
#bf7829 rgb(191,120,41)
```

Complementary Color

#29bbbf
```
#29bbbf rgb(41,187,191)
```
#2970bf
```
#2970bf rgb(41,112,191)
```
#2d29bf
```
#2d29bf rgb(45,41,191)
```

Analogous Color

#bbbf29
```
#bbbf29 rgb(187,191,41)
```
#2970bf
```
#2970bf rgb(41,112,191)
```
#bf2d29
```
#bf2d29 rgb(191,45,41)
```

Split Complementary Color

#70bf29
```
#70bf29 rgb(112,191,41)
```
#2970bf
```
#2970bf rgb(41,112,191)
```
#bf2970
```
#bf2970 rgb(191,41,112)
```

Triadic Color

#29bf78
```
#29bf78 rgb(41,191,120)
```
#2970bf
```
#2970bf rgb(41,112,191)
```
#bf2970
```
#bf2970 rgb(191,41,112)
```
#bf7829
```
#bf7829 rgb(191,120,41)
```

Tetradic Color

#1b4b80
```
#1b4b80 rgb(27,75,128)
```
#205795
```
#205795 rgb(32,87,149)
```
#2464aa
```
#2464aa rgb(36,100,170)
```
#2970bf
```
#2970bf rgb(41,112,191)
```
#2f7cd2
```
#2f7cd2 rgb(47,124,210)
```
#448ad7
```
#448ad7 rgb(68,138,215)
```
#5997db
```
#5997db rgb(89,151,219)
```

Monochromatic Color

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

#2996bf
```
#2996bf rgb(41,150,191)
```
#2989bf
```
#2989bf rgb(41,137,191)
```
#297dbf
```
#297dbf rgb(41,125,191)
```
#2970bf
```
#2970bf rgb(41,112,191)
```
#2963bf
```
#2963bf rgb(41,99,191)
```
#2957bf
```
#2957bf rgb(41,87,191)
```
#294bbf
```
#294bbf rgb(41,75,191)
```

Similar Colors

Text with hexadecimal color #2970bf

This text has a font color of #2970bf.

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

#2970bf background color

This paragraph has a background color of #2970bf.

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

#2970bf border color

This element has a border color of #2970bf.

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

CSS codes

.text {color:#2970bf;}

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

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

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, #03080d is the darkest color, while #fcfdfe is the lightest one.

#03080d
```
#03080d rgb(3,8,13)
```
#06111e
```
#06111e rgb(6,17,30)
```
#0a1b2e
```
#0a1b2e rgb(10,27,46)
```
#0d243e
```
#0d243e rgb(13,36,62)
```
#112e4e
```
#112e4e rgb(17,46,78)
```
#14375e
```
#14375e rgb(20,55,94)
```
#18416e
```
#18416e rgb(24,65,110)
```
#1b4a7e
```
#1b4a7e rgb(27,74,126)
```
#1f548f
```
#1f548f rgb(31,84,143)
```
#225d9f
```
#225d9f rgb(34,93,159)
```
#2667af
```
#2667af rgb(38,103,175)
```
#2970bf
```
#2970bf rgb(41,112,191)
```
#2c79cf
```
#2c79cf rgb(44,121,207)
```

Shade Color Variation

#3a83d5
```
#3a83d5 rgb(58,131,213)
```
#4b8ed8
```
#4b8ed8 rgb(75,142,216)
```
#5b98dc
```
#5b98dc rgb(91,152,220)
```
#6ba2df
```
#6ba2df rgb(107,162,223)
```
#7bace3
```
#7bace3 rgb(123,172,227)
```
#8bb6e6
```
#8bb6e6 rgb(139,182,230)
```
#9bc0ea
```
#9bc0ea rgb(155,192,234)
```
#abcbed
```
#abcbed rgb(171,203,237)
```
#bcd5f1
```
#bcd5f1 rgb(188,213,241)
```
#ccdff4
```
#ccdff4 rgb(204,223,244)
```
#dce9f7
```
#dce9f7 rgb(220,233,247)
```
#ecf3fb
```
#ecf3fb rgb(236,243,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#707478
```
#707478 rgb(112,116,120)
```
#677381
```
#677381 rgb(103,115,129)
```
#5f7389
```
#5f7389 rgb(95,115,137)
```
#567292
```
#567292 rgb(86,114,146)
```
#4d729b
```
#4d729b rgb(77,114,155)
```
#4471a4
```
#4471a4 rgb(68,113,164)
```
#3b71ad
```
#3b71ad rgb(59,113,173)
```
#3270b6
```
#3270b6 rgb(50,112,182)
```
#2970bf
```
#2970bf rgb(41,112,191)
```
#2070c8
```
#2070c8 rgb(32,112,200)
```
#176fd1
```
#176fd1 rgb(23,111,209)
```
#0e6fda
```
#0e6fda rgb(14,111,218)
```
#056ee3
```
#056ee3 rgb(5,110,227)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#586676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5273bf Protanopia 1% of men
#3277c2 Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#4372bf Protanomaly 1% of men, 0.01% of women
#2e74c1 Deuteranomaly 6% of men, 0.4% of women
#0e7b9d Tritanomaly 0.01% of the population

#2970bf hex color

#2970bf Color Information

#2970bf Color Conversion

Color Schemes with #2970bf

Alternatives to #2970bf

#2970bf Preview

Shades and Tints of #2970bf

Tones of #2970bf

Color Blindness Simulator