#2e48ba hex color

In a RGB color space, hex #2e48ba is composed of 18% red, 28.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 61.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 228.9 degrees, a saturation of 60.3% and a lightness of 45.5%. #2e48ba color hex could be obtained by blending #5c90ff with #000075. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 28
- B 73
RGB color chart
- C 75
- M 61
- Y 0
- K 27
CMYK color chart

● #2e48ba color description : Strong blue.

The hexadecimal color #2e48ba has RGB values of R:46, G:72, B:186 and CMYK values of C:0.75, M:0.61, Y:0, K:0.27. Its decimal value is 3033274.

Hex triplet	2e48ba	`#2e48ba`
RGB Decimal	46, 72, 186	`rgb(46,72,186)`
RGB Percent	18, 28.2, 72.9	`rgb(18%,28.2%,72.9%)`
CMYK	75, 61, 0, 27
HSL	228.9°, 60.3, 45.5	`hsl(228.9,60.3%,45.5%)`
HSV (or HSB)	228.9°, 75.3, 72.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.518, 30.881, -62.854
XYZ	12.305, 8.76, 47.494
xyY	0.179, 0.128, 8.76
CIE-LCH	35.518, 70.031, 296.166
CIE-LUV	35.518, -11.936, -89.047
Hunter-Lab	29.597, 22.417, -74.424
Binary	00101110, 01001000, 10111010

#2e48ba
```
#2e48ba rgb(46,72,186)
```
#baa02e
```
#baa02e rgb(186,160,46)
```

Complementary Color

#2e8eba
```
#2e8eba rgb(46,142,186)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```
#5a2eba
```
#5a2eba rgb(90,46,186)
```

Analogous Color

#8eba2e
```
#8eba2e rgb(142,186,46)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```
#ba5a2e
```
#ba5a2e rgb(186,90,46)
```

Split Complementary Color

#48ba2e
```
#48ba2e rgb(72,186,46)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```
#ba2e48
```
#ba2e48 rgb(186,46,72)
```

Triadic Color

#2ebaa0
```
#2ebaa0 rgb(46,186,160)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```
#ba2e48
```
#ba2e48 rgb(186,46,72)
```
#baa02e
```
#baa02e rgb(186,160,46)
```

Tetradic Color

#1f307d
```
#1f307d rgb(31,48,125)
```
#243891
```
#243891 rgb(36,56,145)
```
#2940a6
```
#2940a6 rgb(41,64,166)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```
#3551cd
```
#3551cd rgb(53,81,205)
```
#4962d2
```
#4962d2 rgb(73,98,210)
```
#5d74d7
```
#5d74d7 rgb(93,116,215)
```

Monochromatic Color

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

#2e6bba
```
#2e6bba rgb(46,107,186)
```
#2e5fba
```
#2e5fba rgb(46,95,186)
```
#2e54ba
```
#2e54ba rgb(46,84,186)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```
#2e3cba
```
#2e3cba rgb(46,60,186)
```
#2e31ba
```
#2e31ba rgb(46,49,186)
```
#372eba
```
#372eba rgb(55,46,186)
```

Similar Colors

Text with hexadecimal color #2e48ba

This text has a font color of #2e48ba.

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

#2e48ba background color

This paragraph has a background color of #2e48ba.

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

#2e48ba border color

This element has a border color of #2e48ba.

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

CSS codes

.text {color:#2e48ba;}

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

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

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, #03050d is the darkest color, while #fcfdfe is the lightest one.

#03050d
```
#03050d rgb(3,5,13)
```
#070b1d
```
#070b1d rgb(7,11,29)
```
#0b112c
```
#0b112c rgb(11,17,44)
```
#0f173c
```
#0f173c rgb(15,23,60)
```
#131d4c
```
#131d4c rgb(19,29,76)
```
#17235c
```
#17235c rgb(23,35,92)
```
#1b2a6b
```
#1b2a6b rgb(27,42,107)
```
#1e307b
```
#1e307b rgb(30,48,123)
```
#22368b
```
#22368b rgb(34,54,139)
```
#263c9b
```
#263c9b rgb(38,60,155)
```
#2a42aa
```
#2a42aa rgb(42,66,170)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```
#324eca
```
#324eca rgb(50,78,202)
```

Shade Color Variation

#405ad0
```
#405ad0 rgb(64,90,208)
```
#4f68d4
```
#4f68d4 rgb(79,104,212)
```
#5f75d7
```
#5f75d7 rgb(95,117,215)
```
#6f83db
```
#6f83db rgb(111,131,219)
```
#7e90df
```
#7e90df rgb(126,144,223)
```
#8e9ee3
```
#8e9ee3 rgb(142,158,227)
```
#9eabe7
```
#9eabe7 rgb(158,171,231)
```
#aeb9eb
```
#aeb9eb rgb(174,185,235)
```
#bdc7ef
```
#bdc7ef rgb(189,199,239)
```
#cdd4f3
```
#cdd4f3 rgb(205,212,243)
```
#dde2f7
```
#dde2f7 rgb(221,226,247)
```
#edeffa
```
#edeffa rgb(237,239,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#6c6f7c
```
#6c6f7c rgb(108,111,124)
```
#646a84
```
#646a84 rgb(100,106,132)
```
#5b648d
```
#5b648d rgb(91,100,141)
```
#525e96
```
#525e96 rgb(82,94,150)
```
#49599f
```
#49599f rgb(73,89,159)
```
#4053a8
```
#4053a8 rgb(64,83,168)
```
#374eb1
```
#374eb1 rgb(55,78,177)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```
#2542c3
```
#2542c3 rgb(37,66,195)
```
#1c3dcc
```
#1c3dcc rgb(28,61,204)
```
#1337d5
```
#1337d5 rgb(19,55,213)
```
#0a32de
```
#0a32de rgb(10,50,222)
```
#012ce7
```
#012ce7 rgb(1,44,231)
```

Tone Color Variation

Below, you can see how #2e48ba 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
#474c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059af Protanopia 1% of men
#005e98 Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#1053b3 Protanomaly 1% of men, 0.01% of women
#1056a4 Deuteranomaly 6% of men, 0.4% of women
#105a88 Tritanomaly 0.01% of the population

#2e48ba hex color

#2e48ba Color Information

#2e48ba Color Conversion

Color Schemes with #2e48ba

Alternatives to #2e48ba

#2e48ba Preview

Shades and Tints of #2e48ba

Tones of #2e48ba

Color Blindness Simulator