#7448fd hex color

In a RGB color space, hex #7448fd is composed of 45.5% red, 28.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 71.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 254.6 degrees, a saturation of 97.8% and a lightness of 63.7%. #7448fd color hex could be obtained by blending #e890ff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 28
- B 99
RGB color chart
- C 54
- M 72
- Y 0
- K 1
CMYK color chart

● #7448fd color description : Bright blue.

The hexadecimal color #7448fd has RGB values of R:116, G:72, B:253 and CMYK values of C:0.54, M:0.72, Y:0, K:0.01. Its decimal value is 7620861.

Hex triplet	7448fd	`#7448fd`
RGB Decimal	116, 72, 253	`rgb(116,72,253)`
RGB Percent	45.5, 28.2, 99.2	`rgb(45.5%,28.2%,99.2%)`
CMYK	54, 72, 0, 1
HSL	254.6°, 97.8, 63.7	`hsl(254.6,97.8%,63.7%)`
HSV (or HSB)	254.6°, 71.5, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	46.23, 61.449, -83.46
XYZ	27.246, 15.439, 94.467
xyY	0.199, 0.113, 15.439
CIE-LCH	46.23, 103.642, 306.363
CIE-LUV	46.23, 1.895, -127.457
Hunter-Lab	39.292, 55.014, -115.042
Binary	01110100, 01001000, 11111101

#7448fd
```
#7448fd rgb(116,72,253)
```
#d1fd48
```
#d1fd48 rgb(209,253,72)
```

Complementary Color

#4877fd
```
#4877fd rgb(72,119,253)
```
#7448fd
```
#7448fd rgb(116,72,253)
```
#cf48fd
```
#cf48fd rgb(207,72,253)
```

Analogous Color

#77fd48
```
#77fd48 rgb(119,253,72)
```
#7448fd
```
#7448fd rgb(116,72,253)
```
#fdcf48
```
#fdcf48 rgb(253,207,72)
```

Split Complementary Color

#48fd74
```
#48fd74 rgb(72,253,116)
```
#7448fd
```
#7448fd rgb(116,72,253)
```
#fd7448
```
#fd7448 rgb(253,116,72)
```

Triadic Color

#48d1fd
```
#48d1fd rgb(72,209,253)
```
#7448fd
```
#7448fd rgb(116,72,253)
```
#fd7448
```
#fd7448 rgb(253,116,72)
```
#d1fd48
```
#d1fd48 rgb(209,253,72)
```

Tetradic Color

#3e03f6
```
#3e03f6 rgb(62,3,246)
```
#4e16fc
```
#4e16fc rgb(78,22,252)
```
#612ffd
```
#612ffd rgb(97,47,253)
```
#7448fd
```
#7448fd rgb(116,72,253)
```
#8761fd
```
#8761fd rgb(135,97,253)
```
#9a7afe
```
#9a7afe rgb(154,122,254)
```
#ad94fe
```
#ad94fe rgb(173,148,254)
```

Monochromatic Color

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

#4849fd
```
#4849fd rgb(72,73,253)
```
#5648fd
```
#5648fd rgb(86,72,253)
```
#6548fd
```
#6548fd rgb(101,72,253)
```
#7448fd
```
#7448fd rgb(116,72,253)
```
#8348fd
```
#8348fd rgb(131,72,253)
```
#9248fd
```
#9248fd rgb(146,72,253)
```
#a148fd
```
#a148fd rgb(161,72,253)
```

Similar Colors

Text with hexadecimal color #7448fd

This text has a font color of #7448fd.

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

#7448fd background color

This paragraph has a background color of #7448fd.

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

#7448fd border color

This element has a border color of #7448fd.

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

CSS codes

.text {color:#7448fd;}

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

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

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, #03000b is the darkest color, while #f9f7ff is the lightest one.

#03000b
```
#03000b rgb(3,0,11)
```
#08001e
```
#08001e rgb(8,0,30)
```
#0d0132
```
#0d0132 rgb(13,1,50)
```
#110145
```
#110145 rgb(17,1,69)
```
#160159
```
#160159 rgb(22,1,89)
```
#1b016c
```
#1b016c rgb(27,1,108)
```
#20017f
```
#20017f rgb(32,1,127)
```
#250293
```
#250293 rgb(37,2,147)
```
#2a02a6
```
#2a02a6 rgb(42,2,166)
```
#2f02ba
```
#2f02ba rgb(47,2,186)
```
#3402cd
```
#3402cd rgb(52,2,205)
```
#3802e0
```
#3802e0 rgb(56,2,224)
```
#3d03f4
```
#3d03f4 rgb(61,3,244)
```

Shade Color Variation

#480efc
```
#480efc rgb(72,14,252)
```
#5721fd
```
#5721fd rgb(87,33,253)
```
#6535fd
```
#6535fd rgb(101,53,253)
```
#7448fd
```
#7448fd rgb(116,72,253)
```
#835bfd
```
#835bfd rgb(131,91,253)
```
#916ffd
```
#916ffd rgb(145,111,253)
```
#a082fe
```
#a082fe rgb(160,130,254)
```
#af96fe
```
#af96fe rgb(175,150,254)
```
#bea9fe
```
#bea9fe rgb(190,169,254)
```
#ccbcfe
```
#ccbcfe rgb(204,188,254)
```
#dbd0fe
```
#dbd0fe rgb(219,208,254)
```
#eae3ff
```
#eae3ff rgb(234,227,255)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#a09da8
```
#a09da8 rgb(160,157,168)
```
#9c96af
```
#9c96af rgb(156,150,175)
```
#998fb6
```
#998fb6 rgb(153,143,182)
```
#9588bd
```
#9588bd rgb(149,136,189)
```
#9181c4
```
#9181c4 rgb(145,129,196)
```
#8e7acb
```
#8e7acb rgb(142,122,203)
```
#8a73d2
```
#8a73d2 rgb(138,115,210)
```
#866cd9
```
#866cd9 rgb(134,108,217)
```
#8364e1
```
#8364e1 rgb(131,100,225)
```
#7f5de8
```
#7f5de8 rgb(127,93,232)
```
#7b56ef
```
#7b56ef rgb(123,86,239)
```
#784ff6
```
#784ff6 rgb(120,79,246)
```
#7448fd
```
#7448fd rgb(116,72,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#6c6387 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#427d86 Tritanopia 0.001% of the population

Trichromacy

#2a62e8 Protanomaly 1% of men, 0.01% of women
#2a66d6 Deuteranomaly 6% of men, 0.4% of women
#546ab1 Tritanomaly 0.01% of the population

#7448fd hex color

#7448fd Color Information

#7448fd Color Conversion

Color Schemes with #7448fd

Alternatives to #7448fd

#7448fd Preview

Shades and Tints of #7448fd

Tones of #7448fd

Color Blindness Simulator