#7448e2 hex color

In a RGB color space, hex #7448e2 is composed of 45.5% red, 28.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 68.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 257.1 degrees, a saturation of 72.6% and a lightness of 58.4%. #7448e2 color hex could be obtained by blending #e890ff with #0000c5. Closest websafe color is: #6633cc.

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

● #7448e2 color description : Soft violet.

The hexadecimal color #7448e2 has RGB values of R:116, G:72, B:226 and CMYK values of C:0.49, M:0.68, Y:0, K:0.11. Its decimal value is 7620834.

Hex triplet	7448e2	`#7448e2`
RGB Decimal	116, 72, 226	`rgb(116,72,226)`
RGB Percent	45.5, 28.2, 88.6	`rgb(45.5%,28.2%,88.6%)`
CMYK	49, 68, 0, 11
HSL	257.1°, 72.6, 58.4	`hsl(257.1,72.6%,58.4%)`
HSV (or HSB)	257.1°, 68.1, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	44, 54.058, -71.911
XYZ	23.245, 13.838, 73.394
xyY	0.21, 0.125, 13.838
CIE-LCH	44, 89.964, 306.933
CIE-LUV	44, 4.76, -109.93
Hunter-Lab	37.2, 46.438, -90.936
Binary	01110100, 01001000, 11100010

#7448e2
```
#7448e2 rgb(116,72,226)
```
#b6e248
```
#b6e248 rgb(182,226,72)
```

Complementary Color

#4869e2
```
#4869e2 rgb(72,105,226)
```
#7448e2
```
#7448e2 rgb(116,72,226)
```
#c148e2
```
#c148e2 rgb(193,72,226)
```

Analogous Color

#69e248
```
#69e248 rgb(105,226,72)
```
#7448e2
```
#7448e2 rgb(116,72,226)
```
#e2c148
```
#e2c148 rgb(226,193,72)
```

Split Complementary Color

#48e274
```
#48e274 rgb(72,226,116)
```
#7448e2
```
#7448e2 rgb(116,72,226)
```
#e27448
```
#e27448 rgb(226,116,72)
```

Triadic Color

#48b6e2
```
#48b6e2 rgb(72,182,226)
```
#7448e2
```
#7448e2 rgb(116,72,226)
```
#e27448
```
#e27448 rgb(226,116,72)
```
#b6e248
```
#b6e248 rgb(182,226,72)
```

Tetradic Color

#4c1ebf
```
#4c1ebf rgb(76,30,191)
```
#5522d5
```
#5522d5 rgb(85,34,213)
```
#6332df
```
#6332df rgb(99,50,223)
```
#7448e2
```
#7448e2 rgb(116,72,226)
```
#855ee5
```
#855ee5 rgb(133,94,229)
```
#9574e9
```
#9574e9 rgb(149,116,233)
```
#a68aec
```
#a68aec rgb(166,138,236)
```

Monochromatic Color

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

#4e48e2
```
#4e48e2 rgb(78,72,226)
```
#5a48e2
```
#5a48e2 rgb(90,72,226)
```
#6748e2
```
#6748e2 rgb(103,72,226)
```
#7448e2
```
#7448e2 rgb(116,72,226)
```
#8148e2
```
#8148e2 rgb(129,72,226)
```
#8e48e2
```
#8e48e2 rgb(142,72,226)
```
#9b48e2
```
#9b48e2 rgb(155,72,226)
```

Similar Colors

Text with hexadecimal color #7448e2

This text has a font color of #7448e2.

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

#7448e2 background color

This paragraph has a background color of #7448e2.

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

#7448e2 border color

This element has a border color of #7448e2.

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

CSS codes

.text {color:#7448e2;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080314
```
#080314 rgb(8,3,20)
```
#0f0625
```
#0f0625 rgb(15,6,37)
```
#160936
```
#160936 rgb(22,9,54)
```
#1c0b47
```
#1c0b47 rgb(28,11,71)
```
#230e58
```
#230e58 rgb(35,14,88)
```
#2a1169
```
#2a1169 rgb(42,17,105)
```
#31137a
```
#31137a rgb(49,19,122)
```
#37168b
```
#37168b rgb(55,22,139)
```
#3e199c
```
#3e199c rgb(62,25,156)
```
#451bad
```
#451bad rgb(69,27,173)
```
#4c1ebe
```
#4c1ebe rgb(76,30,190)
```
#5221ce
```
#5221ce rgb(82,33,206)
```

Shade Color Variation

#5a26dd
```
#5a26dd rgb(90,38,221)
```
#6737df
```
#6737df rgb(103,55,223)
```
#7448e2
```
#7448e2 rgb(116,72,226)
```
#8159e5
```
#8159e5 rgb(129,89,229)
```
#8e6ae7
```
#8e6ae7 rgb(142,106,231)
```
#9b7bea
```
#9b7bea rgb(155,123,234)
```
#a78ced
```
#a78ced rgb(167,140,237)
```
#b49def
```
#b49def rgb(180,157,239)
```
#c1aef2
```
#c1aef2 rgb(193,174,242)
```
#cebff5
```
#cebff5 rgb(206,191,245)
```
#dbcff7
```
#dbcff7 rgb(219,207,247)
```
#e8e0fa
```
#e8e0fa rgb(232,224,250)
```
#f5f1fd
```
#f5f1fd rgb(245,241,253)
```

Tint Color Variation

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

#939199
```
#939199 rgb(147,145,153)
```
#9089a1
```
#9089a1 rgb(144,137,161)
```
#8c81a9
```
#8c81a9 rgb(140,129,169)
```
#8979b1
```
#8979b1 rgb(137,121,177)
```
#8571b9
```
#8571b9 rgb(133,113,185)
```
#8269c1
```
#8269c1 rgb(130,105,193)
```
#7e60ca
```
#7e60ca rgb(126,96,202)
```
#7b58d2
```
#7b58d2 rgb(123,88,210)
```
#7750da
```
#7750da rgb(119,80,218)
```
#7448e2
```
#7448e2 rgb(116,72,226)
```
#7140ea
```
#7140ea rgb(113,64,234)
```
#6d38f2
```
#6d38f2 rgb(109,56,242)
```
#6a30fa
```
#6a30fa rgb(106,48,250)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#6a6180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#55747d Tritanopia 0.001% of the population

Trichromacy

#2a5fd8 Protanomaly 1% of men, 0.01% of women
#2a63c8 Deuteranomaly 6% of men, 0.4% of women
#6064a1 Tritanomaly 0.01% of the population

#7448e2 hex color

#7448e2 Color Information

#7448e2 Color Conversion

Color Schemes with #7448e2

Alternatives to #7448e2

#7448e2 Preview

Shades and Tints of #7448e2

Tones of #7448e2

Color Blindness Simulator