colorhexa.com

#2970bd hex color

In a RGB color space, hex #2970bd is composed of 16.1% red, 43.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 40.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 211.2 degrees, a saturation of 64.3% and a lightness of 45.1%. #2970bd color hex could be obtained by blending #52e0ff with #00007b. Closest websafe color is: #3366cc.

- R 16
- G 44
- B 74
RGB color chart
- C 78
- M 41
- Y 0
- K 26
CMYK color chart

● #2970bd color description : Strong blue.

The hexadecimal color #2970bd has RGB values of R:41, G:112, B:189 and CMYK values of C:0.78, M:0.41, Y:0, K:0.26. Its decimal value is 2715837.

Hex triplet	2970bd	`#2970bd`
RGB Decimal	41, 112, 189	`rgb(41,112,189)`
RGB Percent	16.1, 43.9, 74.1	`rgb(16.1%,43.9%,74.1%)`
CMYK	78, 41, 0, 26
HSL	211.2°, 64.3, 45.1	`hsl(211.2,64.3%,45.1%)`
HSV (or HSB)	211.2°, 78.3, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.622, 5.532, -46.681
XYZ	15.892, 15.733, 50.34
xyY	0.194, 0.192, 15.733
CIE-LCH	46.622, 47.008, 276.759
CIE-LUV	46.622, -24.284, -70.853
Hunter-Lab	39.664, 2.105, -47.484
Binary	00101001, 01110000, 10111101

#2970bd
```
#2970bd rgb(41,112,189)
```
#bd7629
```
#bd7629 rgb(189,118,41)
```

Complementary Color

#29babd
```
#29babd rgb(41,186,189)
```
#2970bd
```
#2970bd rgb(41,112,189)
```
#2c29bd
```
#2c29bd rgb(44,41,189)
```

Analogous Color

#babd29
```
#babd29 rgb(186,189,41)
```
#2970bd
```
#2970bd rgb(41,112,189)
```
#bd2c29
```
#bd2c29 rgb(189,44,41)
```

Split Complementary Color

#70bd29
```
#70bd29 rgb(112,189,41)
```
#2970bd
```
#2970bd rgb(41,112,189)
```
#bd2970
```
#bd2970 rgb(189,41,112)
```

Triadic Color

#29bd76
```
#29bd76 rgb(41,189,118)
```
#2970bd
```
#2970bd rgb(41,112,189)
```
#bd2970
```
#bd2970 rgb(189,41,112)
```
#bd7629
```
#bd7629 rgb(189,118,41)
```

Tetradic Color

#1b4b7e
```
#1b4b7e rgb(27,75,126)
```
#205793
```
#205793 rgb(32,87,147)
```
#2464a8
```
#2464a8 rgb(36,100,168)
```
#2970bd
```
#2970bd rgb(41,112,189)
```
#2e7cd2
```
#2e7cd2 rgb(46,124,210)
```
#438ad6
```
#438ad6 rgb(67,138,214)
```
#5897db
```
#5897db rgb(88,151,219)
```

Monochromatic Color

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

#2995bd
```
#2995bd rgb(41,149,189)
```
#2989bd
```
#2989bd rgb(41,137,189)
```
#297cbd
```
#297cbd rgb(41,124,189)
```
#2970bd
```
#2970bd rgb(41,112,189)
```
#2964bd
```
#2964bd rgb(41,100,189)
```
#2957bd
```
#2957bd rgb(41,87,189)
```
#294bbd
```
#294bbd rgb(41,75,189)
```

Similar Colors

Text with hexadecimal color #2970bd

This text has a font color of #2970bd.

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

#2970bd background color

This paragraph has a background color of #2970bd.

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

#2970bd border color

This element has a border color of #2970bd.

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

CSS codes

.text {color:#2970bd;}

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

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

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, #03070c is the darkest color, while #fbfcfe is the lightest one.

#03070c
```
#03070c rgb(3,7,12)
```
#06101c
```
#06101c rgb(6,16,28)
```
#0a1a2c
```
#0a1a2c rgb(10,26,44)
```
#0d243c
```
#0d243c rgb(13,36,60)
```
#112d4c
```
#112d4c rgb(17,45,76)
```
#14375c
```
#14375c rgb(20,55,92)
```
#18406c
```
#18406c rgb(24,64,108)
```
#1b4a7d
```
#1b4a7d rgb(27,74,125)
```
#1f538d
```
#1f538d rgb(31,83,141)
```
#225d9d
```
#225d9d rgb(34,93,157)
```
#2666ad
```
#2666ad rgb(38,102,173)
```
#2970bd
```
#2970bd rgb(41,112,189)
```
#2c7acd
```
#2c7acd rgb(44,122,205)
```

Shade Color Variation

#3983d4
```
#3983d4 rgb(57,131,212)
```
#498ed8
```
#498ed8 rgb(73,142,216)
```
#5998db
```
#5998db rgb(89,152,219)
```
#6aa2df
```
#6aa2df rgb(106,162,223)
```
#7aace2
```
#7aace2 rgb(122,172,226)
```
#8ab6e6
```
#8ab6e6 rgb(138,182,230)
```
#9ac0e9
```
#9ac0e9 rgb(154,192,233)
```
#aacaed
```
#aacaed rgb(170,202,237)
```
#bad4f0
```
#bad4f0 rgb(186,212,240)
```
#cadef4
```
#cadef4 rgb(202,222,244)
```
#dae8f7
```
#dae8f7 rgb(218,232,247)
```
#eaf2fb
```
#eaf2fb rgb(234,242,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

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

#707376
```
#707376 rgb(112,115,118)
```
#67737f
```
#67737f rgb(103,115,127)
```
#5e7288
```
#5e7288 rgb(94,114,136)
```
#557291
```
#557291 rgb(85,114,145)
```
#4c719a
```
#4c719a rgb(76,113,154)
```
#4471a2
```
#4471a2 rgb(68,113,162)
```
#3b71ab
```
#3b71ab rgb(59,113,171)
```
#3270b4
```
#3270b4 rgb(50,112,180)
```
#2970bd
```
#2970bd rgb(41,112,189)
```
#2070c6
```
#2070c6 rgb(32,112,198)
```
#176fcf
```
#176fcf rgb(23,111,207)
```
#0e6fd8
```
#0e6fd8 rgb(14,111,216)
```
#066fe0
```
#066fe0 rgb(6,111,224)
```

Tone Color Variation

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

#5473bd Protanopia 1% of men
#3677c0 Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#4472bd Protanomaly 1% of men, 0.01% of women
#3174bf Deuteranomaly 6% of men, 0.4% of women
#0e7b9c Tritanomaly 0.01% of the population