#2948b4 hex color

In a RGB color space, hex #2948b4 is composed of 16.1% red, 28.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 60% magenta, 0% yellow and 29.4% black. It has a hue angle of 226.6 degrees, a saturation of 62.9% and a lightness of 43.3%. #2948b4 color hex could be obtained by blending #5290ff with #000069. Closest websafe color is: #3333cc.

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

● #2948b4 color description : Strong blue.

The hexadecimal color #2948b4 has RGB values of R:41, G:72, B:180 and CMYK values of C:0.77, M:0.6, Y:0, K:0.29. Its decimal value is 2705588.

Hex triplet	2948b4	`#2948b4`
RGB Decimal	41, 72, 180	`rgb(41,72,180)`
RGB Percent	16.1, 28.2, 70.6	`rgb(16.1%,28.2%,70.6%)`
CMYK	77, 60, 0, 29
HSL	226.6°, 62.9, 43.3	`hsl(226.6,62.9%,43.3%)`
HSV (or HSB)	226.6°, 77.2, 70.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.804, 28.091, -60.489
XYZ	11.468, 8.401, 44.195
xyY	0.179, 0.131, 8.401
CIE-LCH	34.804, 66.693, 294.91
CIE-LUV	34.804, -12.658, -85.232
Hunter-Lab	28.984, 19.907, -70.117
Binary	00101001, 01001000, 10110100

#2948b4
```
#2948b4 rgb(41,72,180)
```
#b49529
```
#b49529 rgb(180,149,41)
```

Complementary Color

#298eb4
```
#298eb4 rgb(41,142,180)
```
#2948b4
```
#2948b4 rgb(41,72,180)
```
#5029b4
```
#5029b4 rgb(80,41,180)
```

Analogous Color

#8eb429
```
#8eb429 rgb(142,180,41)
```
#2948b4
```
#2948b4 rgb(41,72,180)
```
#b45029
```
#b45029 rgb(180,80,41)
```

Split Complementary Color

#48b429
```
#48b429 rgb(72,180,41)
```
#2948b4
```
#2948b4 rgb(41,72,180)
```
#b42948
```
#b42948 rgb(180,41,72)
```

Triadic Color

#29b495
```
#29b495 rgb(41,180,149)
```
#2948b4
```
#2948b4 rgb(41,72,180)
```
#b42948
```
#b42948 rgb(180,41,72)
```
#b49529
```
#b49529 rgb(180,149,41)
```

Tetradic Color

#1b2f76
```
#1b2f76 rgb(27,47,118)
```
#20378a
```
#20378a rgb(32,55,138)
```
#24409f
```
#24409f rgb(36,64,159)
```
#2948b4
```
#2948b4 rgb(41,72,180)
```
#2e50c9
```
#2e50c9 rgb(46,80,201)
```
#3d5fd3
```
#3d5fd3 rgb(61,95,211)
```
#5270d8
```
#5270d8 rgb(82,112,216)
```

Monochromatic Color

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

#296bb4
```
#296bb4 rgb(41,107,180)
```
#295fb4
```
#295fb4 rgb(41,95,180)
```
#2954b4
```
#2954b4 rgb(41,84,180)
```
#2948b4
```
#2948b4 rgb(41,72,180)
```
#293cb4
```
#293cb4 rgb(41,60,180)
```
#2931b4
```
#2931b4 rgb(41,49,180)
```
#2d29b4
```
#2d29b4 rgb(45,41,180)
```

Similar Colors

Text with hexadecimal color #2948b4

This text has a font color of #2948b4.

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

#2948b4 background color

This paragraph has a background color of #2948b4.

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

#2948b4 border color

This element has a border color of #2948b4.

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

CSS codes

.text {color:#2948b4;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050814
```
#050814 rgb(5,8,20)
```
#080e24
```
#080e24 rgb(8,14,36)
```
#0c1534
```
#0c1534 rgb(12,21,52)
```
#101b44
```
#101b44 rgb(16,27,68)
```
#132254
```
#132254 rgb(19,34,84)
```
#172864
```
#172864 rgb(23,40,100)
```
#1a2e74
```
#1a2e74 rgb(26,46,116)
```
#1e3584
```
#1e3584 rgb(30,53,132)
```
#223b94
```
#223b94 rgb(34,59,148)
```
#2542a4
```
#2542a4 rgb(37,66,164)
```
#2948b4
```
#2948b4 rgb(41,72,180)
```
#2d4ec4
```
#2d4ec4 rgb(45,78,196)
```

Shade Color Variation

#3457d1
```
#3457d1 rgb(52,87,209)
```
#4464d4
```
#4464d4 rgb(68,100,212)
```
#5471d8
```
#5471d8 rgb(84,113,216)
```
#637edc
```
#637edc rgb(99,126,220)
```
#738cdf
```
#738cdf rgb(115,140,223)
```
#8399e3
```
#8399e3 rgb(131,153,227)
```
#93a6e6
```
#93a6e6 rgb(147,166,230)
```
#a3b3ea
```
#a3b3ea rgb(163,179,234)
```
#b3c0ee
```
#b3c0ee rgb(179,192,238)
```
#c3cef1
```
#c3cef1 rgb(195,206,241)
```
#d3dbf5
```
#d3dbf5 rgb(211,219,245)
```
#e3e8f9
```
#e3e8f9 rgb(227,232,249)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

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

#6d6e70
```
#6d6e70 rgb(109,110,112)
```
#656979
```
#656979 rgb(101,105,121)
```
#5c6481
```
#5c6481 rgb(92,100,129)
```
#54608a
```
#54608a rgb(84,96,138)
```
#4b5b92
```
#4b5b92 rgb(75,91,146)
```
#43569b
```
#43569b rgb(67,86,155)
```
#3a51a3
```
#3a51a3 rgb(58,81,163)
```
#324dac
```
#324dac rgb(50,77,172)
```
#2948b4
```
#2948b4 rgb(41,72,180)
```
#2143bd
```
#2143bd rgb(33,67,189)
```
#183fc5
```
#183fc5 rgb(24,63,197)
```
#103ace
```
#103ace rgb(16,58,206)
```
#0735d6
```
#0735d6 rgb(7,53,214)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#444a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d96 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#0e52af Protanomaly 1% of men, 0.01% of women
#0e55a1 Deuteranomaly 6% of men, 0.4% of women
#0e5984 Tritanomaly 0.01% of the population

#2948b4 hex color

#2948b4 Color Information

#2948b4 Color Conversion

Color Schemes with #2948b4

Alternatives to #2948b4

#2948b4 Preview

Shades and Tints of #2948b4

Tones of #2948b4

Color Blindness Simulator