#7146f8 hex color

In a RGB color space, hex #7146f8 is composed of 44.3% red, 27.5% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 71.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 254.5 degrees, a saturation of 92.7% and a lightness of 62.4%. #7146f8 color hex could be obtained by blending #e28cff with #0000f1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 44
- G 27
- B 97
RGB color chart
- C 54
- M 72
- Y 0
- K 3
CMYK color chart

● #7146f8 color description : Bright blue.

The hexadecimal color #7146f8 has RGB values of R:113, G:70, B:248 and CMYK values of C:0.54, M:0.72, Y:0, K:0.03. Its decimal value is 7423736.

Hex triplet	7146f8	`#7146f8`
RGB Decimal	113, 70, 248	`rgb(113,70,248)`
RGB Percent	44.3, 27.5, 97.3	`rgb(44.3%,27.5%,97.3%)`
CMYK	54, 72, 0, 3
HSL	254.5°, 92.7, 62.4	`hsl(254.5,92.7%,62.4%)`
HSV (or HSB)	254.5°, 71.8, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	45.176, 60.639, -82.407
XYZ	25.94, 14.668, 90.266
xyY	0.198, 0.112, 14.668
CIE-LCH	45.176, 102.313, 306.347
CIE-LUV	45.176, 1.736, -125.02
Hunter-Lab	38.298, 53.88, -112.933
Binary	01110001, 01000110, 11111000

#7146f8
```
#7146f8 rgb(113,70,248)
```
#cdf846
```
#cdf846 rgb(205,248,70)
```

Complementary Color

#4674f8
```
#4674f8 rgb(70,116,248)
```
#7146f8
```
#7146f8 rgb(113,70,248)
```
#ca46f8
```
#ca46f8 rgb(202,70,248)
```

Analogous Color

#74f846
```
#74f846 rgb(116,248,70)
```
#7146f8
```
#7146f8 rgb(113,70,248)
```
#f8ca46
```
#f8ca46 rgb(248,202,70)
```

Split Complementary Color

#46f871
```
#46f871 rgb(70,248,113)
```
#7146f8
```
#7146f8 rgb(113,70,248)
```
#f87146
```
#f87146 rgb(248,113,70)
```

Triadic Color

#46cdf8
```
#46cdf8 rgb(70,205,248)
```
#7146f8
```
#7146f8 rgb(113,70,248)
```
#f87146
```
#f87146 rgb(248,113,70)
```
#cdf846
```
#cdf846 rgb(205,248,70)
```

Tetradic Color

#3f09e9
```
#3f09e9 rgb(63,9,233)
```
#4b15f6
```
#4b15f6 rgb(75,21,246)
```
#5e2df7
```
#5e2df7 rgb(94,45,247)
```
#7146f8
```
#7146f8 rgb(113,70,248)
```
#845ff9
```
#845ff9 rgb(132,95,249)
```
#9777fa
```
#9777fa rgb(151,119,250)
```
#aa90fb
```
#aa90fb rgb(170,144,251)
```

Monochromatic Color

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

#4648f8
```
#4648f8 rgb(70,72,248)
```
#5346f8
```
#5346f8 rgb(83,70,248)
```
#6246f8
```
#6246f8 rgb(98,70,248)
```
#7146f8
```
#7146f8 rgb(113,70,248)
```
#8046f8
```
#8046f8 rgb(128,70,248)
```
#8f46f8
```
#8f46f8 rgb(143,70,248)
```
#9e46f8
```
#9e46f8 rgb(158,70,248)
```

Similar Colors

Text with hexadecimal color #7146f8

This text has a font color of #7146f8.

<span style="color:#7146f8;">Text here</span>

#7146f8 background color

This paragraph has a background color of #7146f8.

<p style="background-color:#7146f8;">Content here</p>

#7146f8 border color

This element has a border color of #7146f8.

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

CSS codes

.text {color:#7146f8;}

.background {background-color:#7146f8;}

.border {border:1px solid #7146f8;}

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

#010004
```
#010004 rgb(1,0,4)
```
#060117
```
#060117 rgb(6,1,23)
```
#0b022a
```
#0b022a rgb(11,2,42)
```
#10023d
```
#10023d rgb(16,2,61)
```
#160350
```
#160350 rgb(22,3,80)
```
#1b0463
```
#1b0463 rgb(27,4,99)
```
#200475
```
#200475 rgb(32,4,117)
```
#250588
```
#250588 rgb(37,5,136)
```
#2a069b
```
#2a069b rgb(42,6,155)
```
#2f07ae
```
#2f07ae rgb(47,7,174)
```
#3407c1
```
#3407c1 rgb(52,7,193)
```
#3908d4
```
#3908d4 rgb(57,8,212)
```
#3e09e7
```
#3e09e7 rgb(62,9,231)
```

Shade Color Variation

#450df6
```
#450df6 rgb(69,13,246)
```
#5420f7
```
#5420f7 rgb(84,32,247)
```
#6233f7
```
#6233f7 rgb(98,51,247)
```
#7146f8
```
#7146f8 rgb(113,70,248)
```
#8059f9
```
#8059f9 rgb(128,89,249)
```
#8e6cf9
```
#8e6cf9 rgb(142,108,249)
```
#9d7ffa
```
#9d7ffa rgb(157,127,250)
```
#ab92fb
```
#ab92fb rgb(171,146,251)
```
#baa5fc
```
#baa5fc rgb(186,165,252)
```
#c8b7fc
```
#c8b7fc rgb(200,183,252)
```
#d7cafd
```
#d7cafd rgb(215,202,253)
```
#e5ddfe
```
#e5ddfe rgb(229,221,254)
```
#f4f0fe
```
#f4f0fe rgb(244,240,254)
```

Tint Color Variation

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

#9f9f9f
```
#9f9f9f rgb(159,159,159)
```
#9b97a7
```
#9b97a7 rgb(155,151,167)
```
#9790ae
```
#9790ae rgb(151,144,174)
```
#9388b6
```
#9388b6 rgb(147,136,182)
```
#9081bd
```
#9081bd rgb(144,129,189)
```
#8c7ac4
```
#8c7ac4 rgb(140,122,196)
```
#8872cc
```
#8872cc rgb(136,114,204)
```
#846bd3
```
#846bd3 rgb(132,107,211)
```
#8064da
```
#8064da rgb(128,100,218)
```
#7c5ce2
```
#7c5ce2 rgb(124,92,226)
```
#7955e9
```
#7955e9 rgb(121,85,233)
```
#754df1
```
#754df1 rgb(117,77,241)
```
#7146f8
```
#7146f8 rgb(113,70,248)
```

Tone Color Variation

Below, you can see how #7146f8 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
#696084 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#2960e4 Protanomaly 1% of men, 0.01% of women
#2964d2 Deuteranomaly 6% of men, 0.4% of women
#5167ae Tritanomaly 0.01% of the population

#7146f8 hex color

#7146f8 Color Information

#7146f8 Color Conversion

Color Schemes with #7146f8

Alternatives to #7146f8

#7146f8 Preview

Shades and Tints of #7146f8

Tones of #7146f8

Color Blindness Simulator