#2970bc hex color

In a RGB color space, hex #2970bc is composed of 16.1% red, 43.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 40.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 211 degrees, a saturation of 64.2% and a lightness of 44.9%. #2970bc color hex could be obtained by blending #52e0ff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 44
- B 74
RGB color chart
- C 78
- M 40
- Y 0
- K 26
CMYK color chart

● #2970bc color description : Strong blue.

The hexadecimal color #2970bc has RGB values of R:41, G:112, B:188 and CMYK values of C:0.78, M:0.4, Y:0, K:0.26. Its decimal value is 2715836.

Hex triplet	2970bc	`#2970bc`
RGB Decimal	41, 112, 188	`rgb(41,112,188)`
RGB Percent	16.1, 43.9, 73.7	`rgb(16.1%,43.9%,73.7%)`
CMYK	78, 40, 0, 26
HSL	211°, 64.2, 44.9	`hsl(211,64.2%,44.9%)`
HSV (or HSB)	211°, 78.2, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.564, 5.154, -46.195
XYZ	15.784, 15.689, 49.771
xyY	0.194, 0.193, 15.689
CIE-LCH	46.564, 46.481, 276.366
CIE-LUV	46.564, -24.319, -70.044
Hunter-Lab	39.61, 1.811, -46.773
Binary	00101001, 01110000, 10111100

#2970bc
```
#2970bc rgb(41,112,188)
```
#bc7529
```
#bc7529 rgb(188,117,41)
```

Complementary Color

#29babc
```
#29babc rgb(41,186,188)
```
#2970bc
```
#2970bc rgb(41,112,188)
```
#2c29bc
```
#2c29bc rgb(44,41,188)
```

Analogous Color

#babc29
```
#babc29 rgb(186,188,41)
```
#2970bc
```
#2970bc rgb(41,112,188)
```
#bc2c29
```
#bc2c29 rgb(188,44,41)
```

Split Complementary Color

#70bc29
```
#70bc29 rgb(112,188,41)
```
#2970bc
```
#2970bc rgb(41,112,188)
```
#bc2970
```
#bc2970 rgb(188,41,112)
```

Triadic Color

#29bc75
```
#29bc75 rgb(41,188,117)
```
#2970bc
```
#2970bc rgb(41,112,188)
```
#bc2970
```
#bc2970 rgb(188,41,112)
```
#bc7529
```
#bc7529 rgb(188,117,41)
```

Tetradic Color

#1b4b7d
```
#1b4b7d rgb(27,75,125)
```
#205792
```
#205792 rgb(32,87,146)
```
#2464a7
```
#2464a7 rgb(36,100,167)
```
#2970bc
```
#2970bc rgb(41,112,188)
```
#2e7cd1
```
#2e7cd1 rgb(46,124,209)
```
#4289d6
```
#4289d6 rgb(66,137,214)
```
#5797da
```
#5797da rgb(87,151,218)
```

Monochromatic Color

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

#2995bc
```
#2995bc rgb(41,149,188)
```
#2989bc
```
#2989bc rgb(41,137,188)
```
#297cbc
```
#297cbc rgb(41,124,188)
```
#2970bc
```
#2970bc rgb(41,112,188)
```
#2964bc
```
#2964bc rgb(41,100,188)
```
#2958bc
```
#2958bc rgb(41,88,188)
```
#294bbc
```
#294bbc rgb(41,75,188)
```

Similar Colors

Text with hexadecimal color #2970bc

This text has a font color of #2970bc.

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

#2970bc background color

This paragraph has a background color of #2970bc.

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

#2970bc border color

This element has a border color of #2970bc.

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

CSS codes

.text {color:#2970bc;}

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

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

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, #02060b is the darkest color, while #fafcfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#06101b
```
#06101b rgb(6,16,27)
```
#091a2b
```
#091a2b rgb(9,26,43)
```
#0d233b
```
#0d233b rgb(13,35,59)
```
#102d4b
```
#102d4b rgb(16,45,75)
```
#14365b
```
#14365b rgb(20,54,91)
```
#17406b
```
#17406b rgb(23,64,107)
```
#1b4a7c
```
#1b4a7c rgb(27,74,124)
```
#1e538c
```
#1e538c rgb(30,83,140)
```
#225d9c
```
#225d9c rgb(34,93,156)
```
#2566ac
```
#2566ac rgb(37,102,172)
```
#2970bc
```
#2970bc rgb(41,112,188)
```
#2d7acc
```
#2d7acc rgb(45,122,204)
```

Shade Color Variation

#3983d4
```
#3983d4 rgb(57,131,212)
```
#498dd7
```
#498dd7 rgb(73,141,215)
```
#5998db
```
#5998db rgb(89,152,219)
```
#69a2de
```
#69a2de rgb(105,162,222)
```
#79ace2
```
#79ace2 rgb(121,172,226)
```
#89b6e5
```
#89b6e5 rgb(137,182,229)
```
#99c0e9
```
#99c0e9 rgb(153,192,233)
```
#a9caec
```
#a9caec rgb(169,202,236)
```
#b9d4f0
```
#b9d4f0 rgb(185,212,240)
```
#c9def3
```
#c9def3 rgb(201,222,243)
```
#dae8f7
```
#dae8f7 rgb(218,232,247)
```
#eaf2fa
```
#eaf2fa rgb(234,242,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#6f7276
```
#6f7276 rgb(111,114,118)
```
#67727e
```
#67727e rgb(103,114,126)
```
#5e7287
```
#5e7287 rgb(94,114,135)
```
#557190
```
#557190 rgb(85,113,144)
```
#4c7199
```
#4c7199 rgb(76,113,153)
```
#4371a2
```
#4371a2 rgb(67,113,162)
```
#3b71aa
```
#3b71aa rgb(59,113,170)
```
#3270b3
```
#3270b3 rgb(50,112,179)
```
#2970bc
```
#2970bc rgb(41,112,188)
```
#2070c5
```
#2070c5 rgb(32,112,197)
```
#176fce
```
#176fce rgb(23,111,206)
```
#0f6fd6
```
#0f6fd6 rgb(15,111,214)
```
#066fdf
```
#066fdf rgb(6,111,223)
```

Tone Color Variation

Below, you can see how #2970bc 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
#576675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5473bc Protanopia 1% of men
#3777bf Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#4472bc Protanomaly 1% of men, 0.01% of women
#3274be Deuteranomaly 6% of men, 0.4% of women
#0e7b9c Tritanomaly 0.01% of the population

#2970bc hex color

#2970bc Color Information

#2970bc Color Conversion

Color Schemes with #2970bc

Alternatives to #2970bc

#2970bc Preview

Shades and Tints of #2970bc

Tones of #2970bc

Color Blindness Simulator