#2948f4 hex color

In a RGB color space, hex #2948f4 is composed of 16.1% red, 28.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 70.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 230.8 degrees, a saturation of 90.2% and a lightness of 55.9%. #2948f4 color hex could be obtained by blending #5290ff with #0000e9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 28
- B 96
RGB color chart
- C 83
- M 70
- Y 0
- K 4
CMYK color chart

● #2948f4 color description : Bright blue.

The hexadecimal color #2948f4 has RGB values of R:41, G:72, B:244 and CMYK values of C:0.83, M:0.7, Y:0, K:0.04. Its decimal value is 2705652.

Hex triplet	2948f4	`#2948f4`
RGB Decimal	41, 72, 244	`rgb(41,72,244)`
RGB Percent	16.1, 28.2, 95.7	`rgb(16.1%,28.2%,95.7%)`
CMYK	83, 70, 0, 4
HSL	230.8°, 90.2, 55.9	`hsl(230.8,90.2%,55.9%)`
HSV (or HSB)	230.8°, 83.2, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.632, 51.082, -87.803
XYZ	19.558, 11.636, 86.798
xyY	0.166, 0.099, 11.636
CIE-LCH	40.632, 101.581, 300.19
CIE-LUV	40.632, -13.583, -125.67
Hunter-Lab	34.112, 42.644, -126.985
Binary	00101001, 01001000, 11110100

#2948f4
```
#2948f4 rgb(41,72,244)
```
#f4d529
```
#f4d529 rgb(244,213,41)
```

Complementary Color

#29aef4
```
#29aef4 rgb(41,174,244)
```
#2948f4
```
#2948f4 rgb(41,72,244)
```
#7029f4
```
#7029f4 rgb(112,41,244)
```

Analogous Color

#aef429
```
#aef429 rgb(174,244,41)
```
#2948f4
```
#2948f4 rgb(41,72,244)
```
#f47029
```
#f47029 rgb(244,112,41)
```

Split Complementary Color

#48f429
```
#48f429 rgb(72,244,41)
```
#2948f4
```
#2948f4 rgb(41,72,244)
```
#f42948
```
#f42948 rgb(244,41,72)
```

Triadic Color

#29f4d5
```
#29f4d5 rgb(41,244,213)
```
#2948f4
```
#2948f4 rgb(41,72,244)
```
#f42948
```
#f42948 rgb(244,41,72)
```
#f4d529
```
#f4d529 rgb(244,213,41)
```

Tetradic Color

#0a27c6
```
#0a27c6 rgb(10,39,198)
```
#0b2cdf
```
#0b2cdf rgb(11,44,223)
```
#1133f3
```
#1133f3 rgb(17,51,243)
```
#2948f4
```
#2948f4 rgb(41,72,244)
```
#415df5
```
#415df5 rgb(65,93,245)
```
#5a71f6
```
#5a71f6 rgb(90,113,246)
```
#7286f8
```
#7286f8 rgb(114,134,248)
```

Monochromatic Color

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

#297bf4
```
#297bf4 rgb(41,123,244)
```
#296af4
```
#296af4 rgb(41,106,244)
```
#2959f4
```
#2959f4 rgb(41,89,244)
```
#2948f4
```
#2948f4 rgb(41,72,244)
```
#2937f4
```
#2937f4 rgb(41,55,244)
```
#2c29f4
```
#2c29f4 rgb(44,41,244)
```
#3d29f4
```
#3d29f4 rgb(61,41,244)
```

Similar Colors

Text with hexadecimal color #2948f4

This text has a font color of #2948f4.

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

#2948f4 background color

This paragraph has a background color of #2948f4.

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

#2948f4 border color

This element has a border color of #2948f4.

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

CSS codes

.text {color:#2948f4;}

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

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

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, #01020a is the darkest color, while #f6f7ff is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#01061d
```
#01061d rgb(1,6,29)
```
#02092f
```
#02092f rgb(2,9,47)
```
#030d42
```
#030d42 rgb(3,13,66)
```
#041155
```
#041155 rgb(4,17,85)
```
#051467
```
#051467 rgb(5,20,103)
```
#06187a
```
#06187a rgb(6,24,122)
```
#071c8c
```
#071c8c rgb(7,28,140)
```
#081f9f
```
#081f9f rgb(8,31,159)
```
#0923b2
```
#0923b2 rgb(9,35,178)
```
#0a27c4
```
#0a27c4 rgb(10,39,196)
```
#0b2ad7
```
#0b2ad7 rgb(11,42,215)
```
#0c2eea
```
#0c2eea rgb(12,46,234)
```

Shade Color Variation

#1638f3
```
#1638f3 rgb(22,56,243)
```
#2948f4
```
#2948f4 rgb(41,72,244)
```
#3c58f5
```
#3c58f5 rgb(60,88,245)
```
#4e68f6
```
#4e68f6 rgb(78,104,246)
```
#6178f7
```
#6178f7 rgb(97,120,247)
```
#7488f8
```
#7488f8 rgb(116,136,248)
```
#8698f9
```
#8698f9 rgb(134,152,249)
```
#99a8fa
```
#99a8fa rgb(153,168,250)
```
#acb8fb
```
#acb8fb rgb(172,184,251)
```
#bec8fc
```
#bec8fc rgb(190,200,252)
```
#d1d8fd
```
#d1d8fd rgb(209,216,253)
```
#e4e8fe
```
#e4e8fe rgb(228,232,254)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a95 is the less saturated color, while #2042fd is the most saturated one.

#888a95
```
#888a95 rgb(136,138,149)
```
#80849d
```
#80849d rgb(128,132,157)
```
#777ea6
```
#777ea6 rgb(119,126,166)
```
#6e78af
```
#6e78af rgb(110,120,175)
```
#6672b7
```
#6672b7 rgb(102,114,183)
```
#5d6cc0
```
#5d6cc0 rgb(93,108,192)
```
#5466c9
```
#5466c9 rgb(84,102,201)
```
#4c60d1
```
#4c60d1 rgb(76,96,209)
```
#435ada
```
#435ada rgb(67,90,218)
```
#3a54e3
```
#3a54e3 rgb(58,84,227)
```
#324eeb
```
#324eeb rgb(50,78,235)
```
#2948f4
```
#2948f4 rgb(41,72,244)
```
#2042fd
```
#2042fd rgb(32,66,253)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4a5072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#0e5ad5 Protanomaly 1% of men, 0.01% of women
#0e5ec5 Deuteranomaly 6% of men, 0.4% of women
#0e63a5 Tritanomaly 0.01% of the population

#2948f4 hex color

#2948f4 Color Information

#2948f4 Color Conversion

Color Schemes with #2948f4

Alternatives to #2948f4

#2948f4 Preview

Shades and Tints of #2948f4

Tones of #2948f4

Color Blindness Simulator