#4048e2 hex color

In a RGB color space, hex #4048e2 is composed of 25.1% red, 28.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 68.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 237 degrees, a saturation of 73.6% and a lightness of 56.9%. #4048e2 color hex could be obtained by blending #8090ff with #0000c5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 28
- B 89
RGB color chart
- C 72
- M 68
- Y 0
- K 11
CMYK color chart

● #4048e2 color description : Bright blue.

The hexadecimal color #4048e2 has RGB values of R:64, G:72, B:226 and CMYK values of C:0.72, M:0.68, Y:0, K:0.11. Its decimal value is 4212962.

Hex triplet	4048e2	`#4048e2`
RGB Decimal	64, 72, 226	`rgb(64,72,226)`
RGB Percent	25.1, 28.2, 88.6	`rgb(25.1%,28.2%,88.6%)`
CMYK	72, 68, 0, 11
HSL	237°, 73.6, 56.9	`hsl(237,73.6%,56.9%)`
HSV (or HSB)	237°, 71.7, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.94, 46.842, -78.722
XYZ	18.156, 11.215, 73.155
xyY	0.177, 0.109, 11.215
CIE-LCH	39.94, 91.604, 300.754
CIE-LUV	39.94, -9.807, -114.04
Hunter-Lab	33.488, 38.174, -106.077
Binary	01000000, 01001000, 11100010

#4048e2
```
#4048e2 rgb(64,72,226)
```
#e2da40
```
#e2da40 rgb(226,218,64)
```

Complementary Color

#4099e2
```
#4099e2 rgb(64,153,226)
```
#4048e2
```
#4048e2 rgb(64,72,226)
```
#8940e2
```
#8940e2 rgb(137,64,226)
```

Analogous Color

#99e240
```
#99e240 rgb(153,226,64)
```
#4048e2
```
#4048e2 rgb(64,72,226)
```
#e28940
```
#e28940 rgb(226,137,64)
```

Split Complementary Color

#48e240
```
#48e240 rgb(72,226,64)
```
#4048e2
```
#4048e2 rgb(64,72,226)
```
#e24048
```
#e24048 rgb(226,64,72)
```

Triadic Color

#40e2da
```
#40e2da rgb(64,226,218)
```
#4048e2
```
#4048e2 rgb(64,72,226)
```
#e24048
```
#e24048 rgb(226,64,72)
```
#e2da40
```
#e2da40 rgb(226,218,64)
```

Tetradic Color

#1c24b9
```
#1c24b9 rgb(28,36,185)
```
#2028cf
```
#2028cf rgb(32,40,207)
```
#2a33df
```
#2a33df rgb(42,51,223)
```
#4048e2
```
#4048e2 rgb(64,72,226)
```
#565de5
```
#565de5 rgb(86,93,229)
```
#6c72e9
```
#6c72e9 rgb(108,114,233)
```
#8288ec
```
#8288ec rgb(130,136,236)
```

Monochromatic Color

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

#4071e2
```
#4071e2 rgb(64,113,226)
```
#4063e2
```
#4063e2 rgb(64,99,226)
```
#4056e2
```
#4056e2 rgb(64,86,226)
```
#4048e2
```
#4048e2 rgb(64,72,226)
```
#4540e2
```
#4540e2 rgb(69,64,226)
```
#5340e2
```
#5340e2 rgb(83,64,226)
```
#6140e2
```
#6140e2 rgb(97,64,226)
```

Similar Colors

Text with hexadecimal color #4048e2

This text has a font color of #4048e2.

<span style="color:#4048e2;">Text here</span>

#4048e2 background color

This paragraph has a background color of #4048e2.

<p style="background-color:#4048e2;">Content here</p>

#4048e2 border color

This element has a border color of #4048e2.

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

CSS codes

.text {color:#4048e2;}

.background {background-color:#4048e2;}

.border {border:1px solid #4048e2;}

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

#02030d
```
#02030d rgb(2,3,13)
```
#05061e
```
#05061e rgb(5,6,30)
```
#07092f
```
#07092f rgb(7,9,47)
```
#0a0c40
```
#0a0c40 rgb(10,12,64)
```
#0c1051
```
#0c1051 rgb(12,16,81)
```
#0f1363
```
#0f1363 rgb(15,19,99)
```
#121674
```
#121674 rgb(18,22,116)
```
#141a85
```
#141a85 rgb(20,26,133)
```
#171d96
```
#171d96 rgb(23,29,150)
```
#1920a7
```
#1920a7 rgb(25,32,167)
```
#1c24b8
```
#1c24b8 rgb(28,36,184)
```
#1e27c9
```
#1e27c9 rgb(30,39,201)
```
#212ada
```
#212ada rgb(33,42,218)
```

Shade Color Variation

#2f38df
```
#2f38df rgb(47,56,223)
```
#4048e2
```
#4048e2 rgb(64,72,226)
```
#5158e5
```
#5158e5 rgb(81,88,229)
```
#6269e7
```
#6269e7 rgb(98,105,231)
```
#7379ea
```
#7379ea rgb(115,121,234)
```
#8489ec
```
#8489ec rgb(132,137,236)
```
#959aef
```
#959aef rgb(149,154,239)
```
#a6aaf2
```
#a6aaf2 rgb(166,170,242)
```
#b7baf4
```
#b7baf4 rgb(183,186,244)
```
#c8cbf7
```
#c8cbf7 rgb(200,203,247)
```
#d9dbf9
```
#d9dbf9 rgb(217,219,249)
```
#eaebfc
```
#eaebfc rgb(234,235,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8d96 is the less saturated color, while #2731fb is the most saturated one.

#8c8d96
```
#8c8d96 rgb(140,141,150)
```
#84859e
```
#84859e rgb(132,133,158)
```
#7b7da7
```
#7b7da7 rgb(123,125,167)
```
#7376af
```
#7376af rgb(115,118,175)
```
#6a6eb8
```
#6a6eb8 rgb(106,110,184)
```
#6267c0
```
#6267c0 rgb(98,103,192)
```
#595fc9
```
#595fc9 rgb(89,95,201)
```
#5157d1
```
#5157d1 rgb(81,87,209)
```
#4850da
```
#4850da rgb(72,80,218)
```
#4048e2
```
#4048e2 rgb(64,72,226)
```
#3840ea
```
#3840ea rgb(56,64,234)
```
#2f39f3
```
#2f39f3 rgb(47,57,243)
```
#2731fb
```
#2731fb rgb(39,49,251)
```

Tone Color Variation

Below, you can see how #4048e2 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

#575757 Achromatopsia 0.005% of the population
#525473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#1759cd Protanomaly 1% of men, 0.01% of women
#175dbd Deuteranomaly 6% of men, 0.4% of women
#17619d Tritanomaly 0.01% of the population

#4048e2 hex color

#4048e2 Color Information

#4048e2 Color Conversion

Color Schemes with #4048e2

Alternatives to #4048e2

#4048e2 Preview

Shades and Tints of #4048e2

Tones of #4048e2

Color Blindness Simulator