#2970b4 hex color

In a RGB color space, hex #2970b4 is composed of 16.1% red, 43.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 37.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 209.4 degrees, a saturation of 62.9% and a lightness of 43.3%. #2970b4 color hex could be obtained by blending #52e0ff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 44
- B 71
RGB color chart
- C 77
- M 38
- Y 0
- K 29
CMYK color chart

● #2970b4 color description : Strong blue.

The hexadecimal color #2970b4 has RGB values of R:41, G:112, B:180 and CMYK values of C:0.77, M:0.38, Y:0, K:0.29. Its decimal value is 2715828.

Hex triplet	2970b4	`#2970b4`
RGB Decimal	41, 112, 180	`rgb(41,112,180)`
RGB Percent	16.1, 43.9, 70.6	`rgb(16.1%,43.9%,70.6%)`
CMYK	77, 38, 0, 29
HSL	209.4°, 62.9, 43.3	`hsl(209.4,62.9%,43.3%)`
HSV (or HSB)	209.4°, 77.2, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.115, 2.133, -42.269
XYZ	14.945, 15.354, 45.353
xyY	0.198, 0.203, 15.354
CIE-LCH	46.115, 42.323, 272.889
CIE-LUV	46.115, -24.619, -63.513
Hunter-Lab	39.184, -0.491, -41.196
Binary	00101001, 01110000, 10110100

#2970b4
```
#2970b4 rgb(41,112,180)
```
#b46d29
```
#b46d29 rgb(180,109,41)
```

Complementary Color

#29b4b3
```
#29b4b3 rgb(41,180,179)
```
#2970b4
```
#2970b4 rgb(41,112,180)
```
#292ab4
```
#292ab4 rgb(41,42,180)
```

Analogous Color

#b4b329
```
#b4b329 rgb(180,179,41)
```
#2970b4
```
#2970b4 rgb(41,112,180)
```
#b4292a
```
#b4292a rgb(180,41,42)
```

Split Complementary Color

#70b429
```
#70b429 rgb(112,180,41)
```
#2970b4
```
#2970b4 rgb(41,112,180)
```
#b42970
```
#b42970 rgb(180,41,112)
```

Triadic Color

#29b46d
```
#29b46d rgb(41,180,109)
```
#2970b4
```
#2970b4 rgb(41,112,180)
```
#b42970
```
#b42970 rgb(180,41,112)
```
#b46d29
```
#b46d29 rgb(180,109,41)
```

Tetradic Color

#1b4976
```
#1b4976 rgb(27,73,118)
```
#20568a
```
#20568a rgb(32,86,138)
```
#24639f
```
#24639f rgb(36,99,159)
```
#2970b4
```
#2970b4 rgb(41,112,180)
```
#2e7dc9
```
#2e7dc9 rgb(46,125,201)
```
#3d8ad3
```
#3d8ad3 rgb(61,138,211)
```
#5296d8
```
#5296d8 rgb(82,150,216)
```

Monochromatic Color

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

#2993b4
```
#2993b4 rgb(41,147,180)
```
#2987b4
```
#2987b4 rgb(41,135,180)
```
#297cb4
```
#297cb4 rgb(41,124,180)
```
#2970b4
```
#2970b4 rgb(41,112,180)
```
#2964b4
```
#2964b4 rgb(41,100,180)
```
#2959b4
```
#2959b4 rgb(41,89,180)
```
#294db4
```
#294db4 rgb(41,77,180)
```

Similar Colors

Text with hexadecimal color #2970b4

This text has a font color of #2970b4.

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

#2970b4 background color

This paragraph has a background color of #2970b4.

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

#2970b4 border color

This element has a border color of #2970b4.

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

CSS codes

.text {color:#2970b4;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#050d14
```
#050d14 rgb(5,13,20)
```
#081724
```
#081724 rgb(8,23,36)
```
#0c2034
```
#0c2034 rgb(12,32,52)
```
#102a44
```
#102a44 rgb(16,42,68)
```
#133454
```
#133454 rgb(19,52,84)
```
#173e64
```
#173e64 rgb(23,62,100)
```
#1a4874
```
#1a4874 rgb(26,72,116)
```
#1e5284
```
#1e5284 rgb(30,82,132)
```
#225c94
```
#225c94 rgb(34,92,148)
```
#2566a4
```
#2566a4 rgb(37,102,164)
```
#2970b4
```
#2970b4 rgb(41,112,180)
```
#2d7ac4
```
#2d7ac4 rgb(45,122,196)
```

Shade Color Variation

#3484d1
```
#3484d1 rgb(52,132,209)
```
#448dd4
```
#448dd4 rgb(68,141,212)
```
#5497d8
```
#5497d8 rgb(84,151,216)
```
#63a1dc
```
#63a1dc rgb(99,161,220)
```
#73abdf
```
#73abdf rgb(115,171,223)
```
#83b4e3
```
#83b4e3 rgb(131,180,227)
```
#93bee6
```
#93bee6 rgb(147,190,230)
```
#a3c8ea
```
#a3c8ea rgb(163,200,234)
```
#b3d1ee
```
#b3d1ee rgb(179,209,238)
```
#c3dbf1
```
#c3dbf1 rgb(195,219,241)
```
#d3e5f5
```
#d3e5f5 rgb(211,229,245)
```
#e3eef9
```
#e3eef9 rgb(227,238,249)
```
#f3f8fc
```
#f3f8fc rgb(243,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6f70 is the less saturated color, while #0771d6 is the most saturated one.

#6d6f70
```
#6d6f70 rgb(109,111,112)
```
#656f79
```
#656f79 rgb(101,111,121)
```
#5c6f81
```
#5c6f81 rgb(92,111,129)
```
#546f8a
```
#546f8a rgb(84,111,138)
```
#4b6f92
```
#4b6f92 rgb(75,111,146)
```
#436f9b
```
#436f9b rgb(67,111,155)
```
#3a70a3
```
#3a70a3 rgb(58,112,163)
```
#3270ac
```
#3270ac rgb(50,112,172)
```
#2970b4
```
#2970b4 rgb(41,112,180)
```
#2170bd
```
#2170bd rgb(33,112,189)
```
#1870c5
```
#1870c5 rgb(24,112,197)
```
#1071ce
```
#1071ce rgb(16,113,206)
```
#0771d6
```
#0771d6 rgb(7,113,214)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#576673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5972b4 Protanopia 1% of men
#4375b8 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#4771b4 Protanomaly 1% of men, 0.01% of women
#3973b7 Deuteranomaly 6% of men, 0.4% of women
#0e7a98 Tritanomaly 0.01% of the population

#2970b4 hex color

#2970b4 Color Information

#2970b4 Color Conversion

Color Schemes with #2970b4

Alternatives to #2970b4

#2970b4 Preview

Shades and Tints of #2970b4

Tones of #2970b4

Color Blindness Simulator