#2970b8 hex color

In a RGB color space, hex #2970b8 is composed of 16.1% red, 43.9% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 39.1% magenta, 0% yellow and 27.8% black. It has a hue angle of 210.2 degrees, a saturation of 63.6% and a lightness of 44.1%. #2970b8 color hex could be obtained by blending #52e0ff with #000071. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 44
- B 72
RGB color chart
- C 78
- M 39
- Y 0
- K 28
CMYK color chart

● #2970b8 color description : Strong blue.

The hexadecimal color #2970b8 has RGB values of R:41, G:112, B:184 and CMYK values of C:0.78, M:0.39, Y:0, K:0.28. Its decimal value is 2715832.

Hex triplet	2970b8	`#2970b8`
RGB Decimal	41, 112, 184	`rgb(41,112,184)`
RGB Percent	16.1, 43.9, 72.2	`rgb(16.1%,43.9%,72.2%)`
CMYK	78, 39, 0, 28
HSL	210.2°, 63.6, 44.1	`hsl(210.2,63.6%,44.1%)`
HSV (or HSB)	210.2°, 77.7, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.337, 3.641, -44.239
XYZ	15.358, 15.519, 47.531
xyY	0.196, 0.198, 15.519
CIE-LCH	46.337, 44.389, 274.705
CIE-LUV	46.337, -24.467, -66.791
Hunter-Lab	39.394, 0.65, -43.96
Binary	00101001, 01110000, 10111000

#2970b8
```
#2970b8 rgb(41,112,184)
```
#b87129
```
#b87129 rgb(184,113,41)
```

Complementary Color

#29b8b8
```
#29b8b8 rgb(41,184,184)
```
#2970b8
```
#2970b8 rgb(41,112,184)
```
#2a29b8
```
#2a29b8 rgb(42,41,184)
```

Analogous Color

#b8b829
```
#b8b829 rgb(184,184,41)
```
#2970b8
```
#2970b8 rgb(41,112,184)
```
#b82a29
```
#b82a29 rgb(184,42,41)
```

Split Complementary Color

#70b829
```
#70b829 rgb(112,184,41)
```
#2970b8
```
#2970b8 rgb(41,112,184)
```
#b82970
```
#b82970 rgb(184,41,112)
```

Triadic Color

#29b871
```
#29b871 rgb(41,184,113)
```
#2970b8
```
#2970b8 rgb(41,112,184)
```
#b82970
```
#b82970 rgb(184,41,112)
```
#b87129
```
#b87129 rgb(184,113,41)
```

Tetradic Color

#1b4a79
```
#1b4a79 rgb(27,74,121)
```
#20578e
```
#20578e rgb(32,87,142)
```
#2463a3
```
#2463a3 rgb(36,99,163)
```
#2970b8
```
#2970b8 rgb(41,112,184)
```
#2e7dcd
```
#2e7dcd rgb(46,125,205)
```
#4089d4
```
#4089d4 rgb(64,137,212)
```
#5496d9
```
#5496d9 rgb(84,150,217)
```

Monochromatic Color

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

#2994b8
```
#2994b8 rgb(41,148,184)
```
#2988b8
```
#2988b8 rgb(41,136,184)
```
#297cb8
```
#297cb8 rgb(41,124,184)
```
#2970b8
```
#2970b8 rgb(41,112,184)
```
#2964b8
```
#2964b8 rgb(41,100,184)
```
#2958b8
```
#2958b8 rgb(41,88,184)
```
#294cb8
```
#294cb8 rgb(41,76,184)
```

Similar Colors

Text with hexadecimal color #2970b8

This text has a font color of #2970b8.

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

#2970b8 background color

This paragraph has a background color of #2970b8.

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

#2970b8 border color

This element has a border color of #2970b8.

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

CSS codes

.text {color:#2970b8;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#050e18
```
#050e18 rgb(5,14,24)
```
#091828
```
#091828 rgb(9,24,40)
```
#0c2238
```
#0c2238 rgb(12,34,56)
```
#102c48
```
#102c48 rgb(16,44,72)
```
#143558
```
#143558 rgb(20,53,88)
```
#173f68
```
#173f68 rgb(23,63,104)
```
#1b4978
```
#1b4978 rgb(27,73,120)
```
#1e5388
```
#1e5388 rgb(30,83,136)
```
#225c98
```
#225c98 rgb(34,92,152)
```
#2566a8
```
#2566a8 rgb(37,102,168)
```
#2970b8
```
#2970b8 rgb(41,112,184)
```
#2d7ac8
```
#2d7ac8 rgb(45,122,200)
```

Shade Color Variation

#3684d2
```
#3684d2 rgb(54,132,210)
```
#468dd6
```
#468dd6 rgb(70,141,214)
```
#5697d9
```
#5697d9 rgb(86,151,217)
```
#66a1dd
```
#66a1dd rgb(102,161,221)
```
#76abe1
```
#76abe1 rgb(118,171,225)
```
#86b5e4
```
#86b5e4 rgb(134,181,228)
```
#96bfe8
```
#96bfe8 rgb(150,191,232)
```
#a6c9eb
```
#a6c9eb rgb(166,201,235)
```
#b6d2ef
```
#b6d2ef rgb(182,210,239)
```
#c6dcf2
```
#c6dcf2 rgb(198,220,242)
```
#d6e6f6
```
#d6e6f6 rgb(214,230,246)
```
#e6f0fa
```
#e6f0fa rgb(230,240,250)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#6e7073
```
#6e7073 rgb(110,112,115)
```
#66707b
```
#66707b rgb(102,112,123)
```
#5d7084
```
#5d7084 rgb(93,112,132)
```
#54708d
```
#54708d rgb(84,112,141)
```
#4c7095
```
#4c7095 rgb(76,112,149)
```
#43709e
```
#43709e rgb(67,112,158)
```
#3a70a7
```
#3a70a7 rgb(58,112,167)
```
#3270af
```
#3270af rgb(50,112,175)
```
#2970b8
```
#2970b8 rgb(41,112,184)
```
#2070c1
```
#2070c1 rgb(32,112,193)
```
#1870c9
```
#1870c9 rgb(24,112,201)
```
#0f70d2
```
#0f70d2 rgb(15,112,210)
```
#0670db
```
#0670db rgb(6,112,219)
```

Tone Color Variation

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

Dichromacy

#5773b8 Protanopia 1% of men
#3e76bc Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#4671b8 Protanomaly 1% of men, 0.01% of women
#3674ba Deuteranomaly 6% of men, 0.4% of women
#0e7a9a Tritanomaly 0.01% of the population

#2970b8 hex color

#2970b8 Color Information

#2970b8 Color Conversion

Color Schemes with #2970b8

Alternatives to #2970b8

#2970b8 Preview

Shades and Tints of #2970b8

Tones of #2970b8

Color Blindness Simulator