#7148f4 hex color

In a RGB color space, hex #7148f4 is composed of 44.3% red, 28.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 70.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 254.3 degrees, a saturation of 88.7% and a lightness of 62%. #7148f4 color hex could be obtained by blending #e290ff with #0000e9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 44
- G 28
- B 96
RGB color chart
- C 54
- M 70
- Y 0
- K 4
CMYK color chart

● #7148f4 color description : Bright blue.

The hexadecimal color #7148f4 has RGB values of R:113, G:72, B:244 and CMYK values of C:0.54, M:0.7, Y:0, K:0.04. Its decimal value is 7424244.

Hex triplet	7148f4	`#7148f4`
RGB Decimal	113, 72, 244	`rgb(113,72,244)`
RGB Percent	44.3, 28.2, 95.7	`rgb(44.3%,28.2%,95.7%)`
CMYK	54, 70, 0, 4
HSL	254.3°, 88.7, 62	`hsl(254.3,88.7%,62%)`
HSV (or HSB)	254.3°, 70.5, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	45.188, 58.544, -80.145
XYZ	25.454, 14.676, 87.075
xyY	0.2, 0.115, 14.676
CIE-LCH	45.188, 99.25, 306.147
CIE-LUV	45.188, 1.79, -122.022
Hunter-Lab	38.31, 51.555, -107.944
Binary	01110001, 01001000, 11110100

#7148f4
```
#7148f4 rgb(113,72,244)
```
#cbf448
```
#cbf448 rgb(203,244,72)
```

Complementary Color

#4875f4
```
#4875f4 rgb(72,117,244)
```
#7148f4
```
#7148f4 rgb(113,72,244)
```
#c748f4
```
#c748f4 rgb(199,72,244)
```

Analogous Color

#75f448
```
#75f448 rgb(117,244,72)
```
#7148f4
```
#7148f4 rgb(113,72,244)
```
#f4c748
```
#f4c748 rgb(244,199,72)
```

Split Complementary Color

#48f471
```
#48f471 rgb(72,244,113)
```
#7148f4
```
#7148f4 rgb(113,72,244)
```
#f47148
```
#f47148 rgb(244,113,72)
```

Triadic Color

#48cbf4
```
#48cbf4 rgb(72,203,244)
```
#7148f4
```
#7148f4 rgb(113,72,244)
```
#f47148
```
#f47148 rgb(244,113,72)
```
#cbf448
```
#cbf448 rgb(203,244,72)
```

Tetradic Color

#400ee2
```
#400ee2 rgb(64,14,226)
```
#4c18f1
```
#4c18f1 rgb(76,24,241)
```
#5e30f3
```
#5e30f3 rgb(94,48,243)
```
#7148f4
```
#7148f4 rgb(113,72,244)
```
#8460f5
```
#8460f5 rgb(132,96,245)
```
#9678f7
```
#9678f7 rgb(150,120,247)
```
#a990f8
```
#a990f8 rgb(169,144,248)
```

Monochromatic Color

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

#484af4
```
#484af4 rgb(72,74,244)
```
#5448f4
```
#5448f4 rgb(84,72,244)
```
#6348f4
```
#6348f4 rgb(99,72,244)
```
#7148f4
```
#7148f4 rgb(113,72,244)
```
#7f48f4
```
#7f48f4 rgb(127,72,244)
```
#8e48f4
```
#8e48f4 rgb(142,72,244)
```
#9c48f4
```
#9c48f4 rgb(156,72,244)
```

Similar Colors

Text with hexadecimal color #7148f4

This text has a font color of #7148f4.

<span style="color:#7148f4;">Text here</span>

#7148f4 background color

This paragraph has a background color of #7148f4.

<p style="background-color:#7148f4;">Content here</p>

#7148f4 border color

This element has a border color of #7148f4.

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

CSS codes

.text {color:#7148f4;}

.background {background-color:#7148f4;}

.border {border:1px solid #7148f4;}

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

#010002
```
#010002 rgb(1,0,2)
```
#060115
```
#060115 rgb(6,1,21)
```
#0b0227
```
#0b0227 rgb(11,2,39)
```
#10033a
```
#10033a rgb(16,3,58)
```
#16054c
```
#16054c rgb(22,5,76)
```
#1b065f
```
#1b065f rgb(27,6,95)
```
#200771
```
#200771 rgb(32,7,113)
```
#250884
```
#250884 rgb(37,8,132)
```
#2b0996
```
#2b0996 rgb(43,9,150)
```
#300aa9
```
#300aa9 rgb(48,10,169)
```
#350bbb
```
#350bbb rgb(53,11,187)
```
#3a0cce
```
#3a0cce rgb(58,12,206)
```
#400de0
```
#400de0 rgb(64,13,224)
```

Shade Color Variation

#4610f1
```
#4610f1 rgb(70,16,241)
```
#5423f2
```
#5423f2 rgb(84,35,242)
```
#6335f3
```
#6335f3 rgb(99,53,243)
```
#7148f4
```
#7148f4 rgb(113,72,244)
```
#7f5bf5
```
#7f5bf5 rgb(127,91,245)
```
#8e6df6
```
#8e6df6 rgb(142,109,246)
```
#9c80f7
```
#9c80f7 rgb(156,128,247)
```
#aa92f8
```
#aa92f8 rgb(170,146,248)
```
#b9a5fa
```
#b9a5fa rgb(185,165,250)
```
#c7b7fb
```
#c7b7fb rgb(199,183,251)
```
#d6cafc
```
#d6cafc rgb(214,202,252)
```
#e4dcfd
```
#e4dcfd rgb(228,220,253)
```
#f2effe
```
#f2effe rgb(242,239,254)
```

Tint Color Variation

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

#9c9aa2
```
#9c9aa2 rgb(156,154,162)
```
#9893a9
```
#9893a9 rgb(152,147,169)
```
#948bb1
```
#948bb1 rgb(148,139,177)
```
#9084b8
```
#9084b8 rgb(144,132,184)
```
#8c7cc0
```
#8c7cc0 rgb(140,124,192)
```
#8875c7
```
#8875c7 rgb(136,117,199)
```
#856dcf
```
#856dcf rgb(133,109,207)
```
#8166d6
```
#8166d6 rgb(129,102,214)
```
#7d5ede
```
#7d5ede rgb(125,94,222)
```
#7957e5
```
#7957e5 rgb(121,87,229)
```
#754fed
```
#754fed rgb(117,79,237)
```
#7148f4
```
#7148f4 rgb(113,72,244)
```
#6d41fb
```
#6d41fb rgb(109,65,251)
```

Tone Color Variation

Below, you can see how #7148f4 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

#686868 Achromatopsia 0.005% of the population
#6a6284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#447a83 Tritanopia 0.001% of the population

Trichromacy

#2961e2 Protanomaly 1% of men, 0.01% of women
#2964d1 Deuteranomaly 6% of men, 0.4% of women
#5468ac Tritanomaly 0.01% of the population

#7148f4 hex color

#7148f4 Color Information

#7148f4 Color Conversion

Color Schemes with #7148f4

Alternatives to #7148f4

#7148f4 Preview

Shades and Tints of #7148f4

Tones of #7148f4

Color Blindness Simulator