#4a48e0 hex color

In a RGB color space, hex #4a48e0 is composed of 29% red, 28.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 67.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 240.8 degrees, a saturation of 71% and a lightness of 58%. #4a48e0 color hex could be obtained by blending #9490ff with #0000c1. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 29
- G 28
- B 88
RGB color chart
- C 67
- M 68
- Y 0
- K 12
CMYK color chart

● #4a48e0 color description : Soft blue.

The hexadecimal color #4a48e0 has RGB values of R:74, G:72, B:224 and CMYK values of C:0.67, M:0.68, Y:0, K:0.12. Its decimal value is 4868320.

Hex triplet	4a48e0	`#4a48e0`
RGB Decimal	74, 72, 224	`rgb(74,72,224)`
RGB Percent	29, 28.2, 87.8	`rgb(29%,28.2%,87.8%)`
CMYK	67, 68, 0, 12
HSL	240.8°, 71, 58	`hsl(240.8,71%,58%)`
HSV (or HSB)	240.8°, 67.9, 87.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	40.363, 47.307, -76.863
XYZ	18.593, 11.471, 71.751
xyY	0.183, 0.113, 11.471
CIE-LCH	40.363, 90.255, 301.611
CIE-LUV	40.363, -7.67, -112.287
Hunter-Lab	33.87, 38.719, -101.895
Binary	01001010, 01001000, 11100000

#4a48e0
```
#4a48e0 rgb(74,72,224)
```
#dee048
```
#dee048 rgb(222,224,72)
```

Complementary Color

#4892e0
```
#4892e0 rgb(72,146,224)
```
#4a48e0
```
#4a48e0 rgb(74,72,224)
```
#9648e0
```
#9648e0 rgb(150,72,224)
```

Analogous Color

#92e048
```
#92e048 rgb(146,224,72)
```
#4a48e0
```
#4a48e0 rgb(74,72,224)
```
#e09648
```
#e09648 rgb(224,150,72)
```

Split Complementary Color

#48e04a
```
#48e04a rgb(72,224,74)
```
#4a48e0
```
#4a48e0 rgb(74,72,224)
```
#e04a48
```
#e04a48 rgb(224,74,72)
```

Triadic Color

#48dee0
```
#48dee0 rgb(72,222,224)
```
#4a48e0
```
#4a48e0 rgb(74,72,224)
```
#e04a48
```
#e04a48 rgb(224,74,72)
```
#dee048
```
#dee048 rgb(222,224,72)
```

Tetradic Color

#2220bc
```
#2220bc rgb(34,32,188)
```
#2623d2
```
#2623d2 rgb(38,35,210)
```
#3432dc
```
#3432dc rgb(52,50,220)
```
#4a48e0
```
#4a48e0 rgb(74,72,224)
```
#605ee4
```
#605ee4 rgb(96,94,228)
```
#7574e7
```
#7574e7 rgb(117,116,231)
```
#8b89eb
```
#8b89eb rgb(139,137,235)
```

Monochromatic Color

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

#486ce0
```
#486ce0 rgb(72,108,224)
```
#485fe0
```
#485fe0 rgb(72,95,224)
```
#4853e0
```
#4853e0 rgb(72,83,224)
```
#4a48e0
```
#4a48e0 rgb(74,72,224)
```
#5748e0
```
#5748e0 rgb(87,72,224)
```
#6348e0
```
#6348e0 rgb(99,72,224)
```
#7048e0
```
#7048e0 rgb(112,72,224)
```

Similar Colors

Text with hexadecimal color #4a48e0

This text has a font color of #4a48e0.

<span style="color:#4a48e0;">Text here</span>

#4a48e0 background color

This paragraph has a background color of #4a48e0.

<p style="background-color:#4a48e0;">Content here</p>

#4a48e0 border color

This element has a border color of #4a48e0.

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

CSS codes

.text {color:#4a48e0;}

.background {background-color:#4a48e0;}

.border {border:1px solid #4a48e0;}

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

#000002
```
#000002 rgb(0,0,2)
```
#030312
```
#030312 rgb(3,3,18)
```
#060623
```
#060623 rgb(6,6,35)
```
#090934
```
#090934 rgb(9,9,52)
```
#0c0c45
```
#0c0c45 rgb(12,12,69)
```
#0f0e55
```
#0f0e55 rgb(15,14,85)
```
#121166
```
#121166 rgb(18,17,102)
```
#151477
```
#151477 rgb(21,20,119)
```
#181788
```
#181788 rgb(24,23,136)
```
#1b1a98
```
#1b1a98 rgb(27,26,152)
```
#1f1da9
```
#1f1da9 rgb(31,29,169)
```
#2220ba
```
#2220ba rgb(34,32,186)
```
#2522cb
```
#2522cb rgb(37,34,203)
```

Shade Color Variation

#2926da
```
#2926da rgb(41,38,218)
```
#3937dd
```
#3937dd rgb(57,55,221)
```
#4a48e0
```
#4a48e0 rgb(74,72,224)
```
#5b59e3
```
#5b59e3 rgb(91,89,227)
```
#6b6ae6
```
#6b6ae6 rgb(107,106,230)
```
#7c7ae9
```
#7c7ae9 rgb(124,122,233)
```
#8c8beb
```
#8c8beb rgb(140,139,235)
```
#9d9cee
```
#9d9cee rgb(157,156,238)
```
#aeadf1
```
#aeadf1 rgb(174,173,241)
```
#bebdf4
```
#bebdf4 rgb(190,189,244)
```
#cfcef7
```
#cfcef7 rgb(207,206,247)
```
#dfdffa
```
#dfdffa rgb(223,223,250)
```
#f0f0fc
```
#f0f0fc rgb(240,240,252)
```

Tint Color Variation

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

#929296
```
#929296 rgb(146,146,150)
```
#8a8a9e
```
#8a8a9e rgb(138,138,158)
```
#8282a6
```
#8282a6 rgb(130,130,166)
```
#7a79af
```
#7a79af rgb(122,121,175)
```
#7271b7
```
#7271b7 rgb(114,113,183)
```
#6a69bf
```
#6a69bf rgb(106,105,191)
```
#6261c7
```
#6261c7 rgb(98,97,199)
```
#5a58d0
```
#5a58d0 rgb(90,88,208)
```
#5250d8
```
#5250d8 rgb(82,80,216)
```
#4a48e0
```
#4a48e0 rgb(74,72,224)
```
#4240e8
```
#4240e8 rgb(66,64,232)
```
#3a38f0
```
#3a38f0 rgb(58,56,240)
```
#322ff9
```
#322ff9 rgb(50,47,249)
```

Tone Color Variation

Below, you can see how #4a48e0 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

#5a5a5a Achromatopsia 0.005% of the population
#575675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#1a5ace Protanomaly 1% of men, 0.01% of women
#1a5dbd Deuteranomaly 6% of men, 0.4% of women
#1a629e Tritanomaly 0.01% of the population

#4a48e0 hex color

#4a48e0 Color Information

#4a48e0 Color Conversion

Color Schemes with #4a48e0

Alternatives to #4a48e0

#4a48e0 Preview

Shades and Tints of #4a48e0

Tones of #4a48e0

Color Blindness Simulator