#2e48c3 hex color

In a RGB color space, hex #2e48c3 is composed of 18% red, 28.2% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 63.1% magenta, 0% yellow and 23.5% black. It has a hue angle of 229.5 degrees, a saturation of 61.8% and a lightness of 47.3%. #2e48c3 color hex could be obtained by blending #5c90ff with #000087. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 28
- B 76
RGB color chart
- C 76
- M 63
- Y 0
- K 24
CMYK color chart

● #2e48c3 color description : Strong blue.

The hexadecimal color #2e48c3 has RGB values of R:46, G:72, B:195 and CMYK values of C:0.76, M:0.63, Y:0, K:0.24. Its decimal value is 3033283.

Hex triplet	2e48c3	`#2e48c3`
RGB Decimal	46, 72, 195	`rgb(46,72,195)`
RGB Percent	18, 28.2, 76.5	`rgb(18%,28.2%,76.5%)`
CMYK	76, 63, 0, 24
HSL	229.5°, 61.8, 47.3	`hsl(229.5,61.8%,47.3%)`
HSV (or HSB)	229.5°, 76.4, 76.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.281, 34.185, -66.883
XYZ	13.292, 9.155, 52.693
xyY	0.177, 0.122, 9.155
CIE-LCH	36.281, 75.113, 297.072
CIE-LUV	36.281, -12.074, -95.003
Hunter-Lab	30.257, 25.469, -82.075
Binary	00101110, 01001000, 11000011

#2e48c3
```
#2e48c3 rgb(46,72,195)
```
#c3a92e
```
#c3a92e rgb(195,169,46)
```

Complementary Color

#2e93c3
```
#2e93c3 rgb(46,147,195)
```
#2e48c3
```
#2e48c3 rgb(46,72,195)
```
#5f2ec3
```
#5f2ec3 rgb(95,46,195)
```

Analogous Color

#93c32e
```
#93c32e rgb(147,195,46)
```
#2e48c3
```
#2e48c3 rgb(46,72,195)
```
#c35e2e
```
#c35e2e rgb(195,94,46)
```

Split Complementary Color

#48c32e
```
#48c32e rgb(72,195,46)
```
#2e48c3
```
#2e48c3 rgb(46,72,195)
```
#c32e48
```
#c32e48 rgb(195,46,72)
```

Triadic Color

#2ec3a9
```
#2ec3a9 rgb(46,195,169)
```
#2e48c3
```
#2e48c3 rgb(46,72,195)
```
#c32e48
```
#c32e48 rgb(195,46,72)
```
#c3a92e
```
#c3a92e rgb(195,169,46)
```

Tetradic Color

#1f3185
```
#1f3185 rgb(31,49,133)
```
#24399a
```
#24399a rgb(36,57,154)
```
#2940ae
```
#2940ae rgb(41,64,174)
```
#2e48c3
```
#2e48c3 rgb(46,72,195)
```
#3a54d1
```
#3a54d1 rgb(58,84,209)
```
#4f66d5
```
#4f66d5 rgb(79,102,213)
```
#6378da
```
#6378da rgb(99,120,218)
```

Monochromatic Color

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

#2e6dc3
```
#2e6dc3 rgb(46,109,195)
```
#2e61c3
```
#2e61c3 rgb(46,97,195)
```
#2e54c3
```
#2e54c3 rgb(46,84,195)
```
#2e48c3
```
#2e48c3 rgb(46,72,195)
```
#2e3cc3
```
#2e3cc3 rgb(46,60,195)
```
#2e2fc3
```
#2e2fc3 rgb(46,47,195)
```
#392ec3
```
#392ec3 rgb(57,46,195)
```

Similar Colors

Text with hexadecimal color #2e48c3

This text has a font color of #2e48c3.

<span style="color:#2e48c3;">Text here</span>

#2e48c3 background color

This paragraph has a background color of #2e48c3.

<p style="background-color:#2e48c3;">Content here</p>

#2e48c3 border color

This element has a border color of #2e48c3.

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

CSS codes

.text {color:#2e48c3;}

.background {background-color:#2e48c3;}

.border {border:1px solid #2e48c3;}

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

#010205
```
#010205 rgb(1,2,5)
```
#050814
```
#050814 rgb(5,8,20)
```
#090d24
```
#090d24 rgb(9,13,36)
```
#0c1334
```
#0c1334 rgb(12,19,52)
```
#101944
```
#101944 rgb(16,25,68)
```
#141f54
```
#141f54 rgb(20,31,84)
```
#182564
```
#182564 rgb(24,37,100)
```
#1b2b74
```
#1b2b74 rgb(27,43,116)
```
#1f3184
```
#1f3184 rgb(31,49,132)
```
#233693
```
#233693 rgb(35,54,147)
```
#273ca3
```
#273ca3 rgb(39,60,163)
```
#2a42b3
```
#2a42b3 rgb(42,66,179)
```
#2e48c3
```
#2e48c3 rgb(46,72,195)
```

Shade Color Variation

#3550cf
```
#3550cf rgb(53,80,207)
```
#455ed3
```
#455ed3 rgb(69,94,211)
```
#556cd7
```
#556cd7 rgb(85,108,215)
```
#6579db
```
#6579db rgb(101,121,219)
```
#7587de
```
#7587de rgb(117,135,222)
```
#8595e2
```
#8595e2 rgb(133,149,226)
```
#94a3e6
```
#94a3e6 rgb(148,163,230)
```
#a4b0ea
```
#a4b0ea rgb(164,176,234)
```
#b4beed
```
#b4beed rgb(180,190,237)
```
#c4ccf1
```
#c4ccf1 rgb(196,204,241)
```
#d4daf5
```
#d4daf5 rgb(212,218,245)
```
#e4e7f9
```
#e4e7f9 rgb(228,231,249)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787879 is the less saturated color, while #0930e8 is the most saturated one.

#787879
```
#787879 rgb(120,120,121)
```
#6f7282
```
#6f7282 rgb(111,114,130)
```
#666c8b
```
#666c8b rgb(102,108,139)
```
#5c6695
```
#5c6695 rgb(92,102,149)
```
#53609e
```
#53609e rgb(83,96,158)
```
#4a5aa7
```
#4a5aa7 rgb(74,90,167)
```
#4154b0
```
#4154b0 rgb(65,84,176)
```
#374eba
```
#374eba rgb(55,78,186)
```
#2e48c3
```
#2e48c3 rgb(46,72,195)
```
#2542cc
```
#2542cc rgb(37,66,204)
```
#1b3cd6
```
#1b3cd6 rgb(27,60,214)
```
#1236df
```
#1236df rgb(18,54,223)
```
#0930e8
```
#0930e8 rgb(9,48,232)
```

Tone Color Variation

Below, you can see how #2e48c3 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

#4e4e4e Achromatopsia 0.005% of the population
#484d65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609b Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#1054b8 Protanomaly 1% of men, 0.01% of women
#1057a9 Deuteranomaly 6% of men, 0.4% of women
#105c8c Tritanomaly 0.01% of the population

#2e48c3 hex color

#2e48c3 Color Information

#2e48c3 Color Conversion

Color Schemes with #2e48c3

Alternatives to #2e48c3

#2e48c3 Preview

Shades and Tints of #2e48c3

Tones of #2e48c3

Color Blindness Simulator