#2e48b6 hex color

In a RGB color space, hex #2e48b6 is composed of 18% red, 28.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 60.4% magenta, 0% yellow and 28.6% black. It has a hue angle of 228.5 degrees, a saturation of 59.6% and a lightness of 44.7%. #2e48b6 color hex could be obtained by blending #5c90ff with #00006d. Closest websafe color is: #3333cc.

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

● #2e48b6 color description : Moderate blue.

The hexadecimal color #2e48b6 has RGB values of R:46, G:72, B:182 and CMYK values of C:0.75, M:0.6, Y:0, K:0.29. Its decimal value is 3033270.

Hex triplet	2e48b6	`#2e48b6`
RGB Decimal	46, 72, 182	`rgb(46,72,182)`
RGB Percent	18, 28.2, 71.4	`rgb(18%,28.2%,71.4%)`
CMYK	75, 60, 0, 29
HSL	228.5°, 59.6, 44.7	`hsl(228.5,59.6%,44.7%)`
HSV (or HSB)	228.5°, 74.7, 71.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.187, 29.401, -61.036
XYZ	11.886, 8.592, 45.285
xyY	0.181, 0.131, 8.592
CIE-LCH	35.187, 67.749, 295.72
CIE-LUV	35.187, -11.88, -86.358
Hunter-Lab	29.312, 21.083, -71.08
Binary	00101110, 01001000, 10110110

#2e48b6
```
#2e48b6 rgb(46,72,182)
```
#b69c2e
```
#b69c2e rgb(182,156,46)
```

Complementary Color

#2e8cb6
```
#2e8cb6 rgb(46,140,182)
```
#2e48b6
```
#2e48b6 rgb(46,72,182)
```
#582eb6
```
#582eb6 rgb(88,46,182)
```

Analogous Color

#8cb62e
```
#8cb62e rgb(140,182,46)
```
#2e48b6
```
#2e48b6 rgb(46,72,182)
```
#b6582e
```
#b6582e rgb(182,88,46)
```

Split Complementary Color

#48b62e
```
#48b62e rgb(72,182,46)
```
#2e48b6
```
#2e48b6 rgb(46,72,182)
```
#b62e48
```
#b62e48 rgb(182,46,72)
```

Triadic Color

#2eb69c
```
#2eb69c rgb(46,182,156)
```
#2e48b6
```
#2e48b6 rgb(46,72,182)
```
#b62e48
```
#b62e48 rgb(182,46,72)
```
#b69c2e
```
#b69c2e rgb(182,156,46)
```

Tetradic Color

#1f3079
```
#1f3079 rgb(31,48,121)
```
#24388d
```
#24388d rgb(36,56,141)
```
#2940a2
```
#2940a2 rgb(41,64,162)
```
#2e48b6
```
#2e48b6 rgb(46,72,182)
```
#3350ca
```
#3350ca rgb(51,80,202)
```
#4761d0
```
#4761d0 rgb(71,97,208)
```
#5b72d6
```
#5b72d6 rgb(91,114,214)
```

Monochromatic Color

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

#2e6ab6
```
#2e6ab6 rgb(46,106,182)
```
#2e5fb6
```
#2e5fb6 rgb(46,95,182)
```
#2e53b6
```
#2e53b6 rgb(46,83,182)
```
#2e48b6
```
#2e48b6 rgb(46,72,182)
```
#2e3db6
```
#2e3db6 rgb(46,61,182)
```
#2e31b6
```
#2e31b6 rgb(46,49,182)
```
#362eb6
```
#362eb6 rgb(54,46,182)
```

Similar Colors

Text with hexadecimal color #2e48b6

This text has a font color of #2e48b6.

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

#2e48b6 background color

This paragraph has a background color of #2e48b6.

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

#2e48b6 border color

This element has a border color of #2e48b6.

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

CSS codes

.text {color:#2e48b6;}

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

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

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

#02040a
```
#02040a rgb(2,4,10)
```
#060a19
```
#060a19 rgb(6,10,25)
```
#0a1029
```
#0a1029 rgb(10,16,41)
```
#0e1639
```
#0e1639 rgb(14,22,57)
```
#121d48
```
#121d48 rgb(18,29,72)
```
#162358
```
#162358 rgb(22,35,88)
```
#1a2968
```
#1a2968 rgb(26,41,104)
```
#1e2f77
```
#1e2f77 rgb(30,47,119)
```
#223587
```
#223587 rgb(34,53,135)
```
#263c97
```
#263c97 rgb(38,60,151)
```
#2a42a6
```
#2a42a6 rgb(42,66,166)
```
#2e48b6
```
#2e48b6 rgb(46,72,182)
```
#324ec6
```
#324ec6 rgb(50,78,198)
```

Shade Color Variation

#3d59ce
```
#3d59ce rgb(61,89,206)
```
#4d66d2
```
#4d66d2 rgb(77,102,210)
```
#5d74d6
```
#5d74d6 rgb(93,116,214)
```
#6c81da
```
#6c81da rgb(108,129,218)
```
#7c8fde
```
#7c8fde rgb(124,143,222)
```
#8c9ce2
```
#8c9ce2 rgb(140,156,226)
```
#9ba9e6
```
#9ba9e6 rgb(155,169,230)
```
#abb7ea
```
#abb7ea rgb(171,183,234)
```
#bac4ee
```
#bac4ee rgb(186,196,238)
```
#cad2f2
```
#cad2f2 rgb(202,210,242)
```
#dadff6
```
#dadff6 rgb(218,223,246)
```
#e9edfa
```
#e9edfa rgb(233,237,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#6b6e79
```
#6b6e79 rgb(107,110,121)
```
#636881
```
#636881 rgb(99,104,129)
```
#5a638a
```
#5a638a rgb(90,99,138)
```
#515e93
```
#515e93 rgb(81,94,147)
```
#48589c
```
#48589c rgb(72,88,156)
```
#4053a4
```
#4053a4 rgb(64,83,164)
```
#374dad
```
#374dad rgb(55,77,173)
```
#2e48b6
```
#2e48b6 rgb(46,72,182)
```
#2543bf
```
#2543bf rgb(37,67,191)
```
#1c3dc8
```
#1c3dc8 rgb(28,61,200)
```
#1438d0
```
#1438d0 rgb(20,56,208)
```
#0b32d9
```
#0b32d9 rgb(11,50,217)
```
#022de2
```
#022de2 rgb(2,45,226)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005d97 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1052b0 Protanomaly 1% of men, 0.01% of women
#1055a2 Deuteranomaly 6% of men, 0.4% of women
#105a86 Tritanomaly 0.01% of the population

#2e48b6 hex color

#2e48b6 Color Information

#2e48b6 Color Conversion

Color Schemes with #2e48b6

Alternatives to #2e48b6

#2e48b6 Preview

Shades and Tints of #2e48b6

Tones of #2e48b6

Color Blindness Simulator