#7146f3 hex color

In a RGB color space, hex #7146f3 is composed of 44.3% red, 27.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 71.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 254.9 degrees, a saturation of 87.8% and a lightness of 61.4%. #7146f3 color hex could be obtained by blending #e28cff with #0000e7. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 44
- G 27
- B 95
RGB color chart
- C 53
- M 71
- Y 0
- K 5
CMYK color chart

● #7146f3 color description : Bright blue.

The hexadecimal color #7146f3 has RGB values of R:113, G:70, B:243 and CMYK values of C:0.53, M:0.71, Y:0, K:0.05. Its decimal value is 7423731.

Hex triplet	7146f3	`#7146f3`
RGB Decimal	113, 70, 243	`rgb(113,70,243)`
RGB Percent	44.3, 27.5, 95.3	`rgb(44.3%,27.5%,95.3%)`
CMYK	53, 71, 0, 5
HSL	254.9°, 87.8, 61.4	`hsl(254.9,87.8%,61.4%)`
HSV (or HSB)	254.9°, 71.2, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.747, 59.264, -80.306
XYZ	25.175, 14.361, 86.235
xyY	0.2, 0.114, 14.361
CIE-LCH	44.747, 99.806, 306.427
CIE-LUV	44.747, 2.235, -121.85
Hunter-Lab	37.897, 52.26, -108.389
Binary	01110001, 01000110, 11110011

#7146f3
```
#7146f3 rgb(113,70,243)
```
#c8f346
```
#c8f346 rgb(200,243,70)
```

Complementary Color

#4672f3
```
#4672f3 rgb(70,114,243)
```
#7146f3
```
#7146f3 rgb(113,70,243)
```
#c846f3
```
#c846f3 rgb(200,70,243)
```

Analogous Color

#72f346
```
#72f346 rgb(114,243,70)
```
#7146f3
```
#7146f3 rgb(113,70,243)
```
#f3c846
```
#f3c846 rgb(243,200,70)
```

Split Complementary Color

#46f371
```
#46f371 rgb(70,243,113)
```
#7146f3
```
#7146f3 rgb(113,70,243)
```
#f37146
```
#f37146 rgb(243,113,70)
```

Triadic Color

#46c8f3
```
#46c8f3 rgb(70,200,243)
```
#7146f3
```
#7146f3 rgb(113,70,243)
```
#f37146
```
#f37146 rgb(243,113,70)
```
#c8f346
```
#c8f346 rgb(200,243,70)
```

Tetradic Color

#420ede
```
#420ede rgb(66,14,222)
```
#4c16f0
```
#4c16f0 rgb(76,22,240)
```
#5f2ef1
```
#5f2ef1 rgb(95,46,241)
```
#7146f3
```
#7146f3 rgb(113,70,243)
```
#835ef5
```
#835ef5 rgb(131,94,245)
```
#9676f6
```
#9676f6 rgb(150,118,246)
```
#a88ef8
```
#a88ef8 rgb(168,142,248)
```

Monochromatic Color

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

#4646f3
```
#4646f3 rgb(70,70,243)
```
#5446f3
```
#5446f3 rgb(84,70,243)
```
#6346f3
```
#6346f3 rgb(99,70,243)
```
#7146f3
```
#7146f3 rgb(113,70,243)
```
#7f46f3
```
#7f46f3 rgb(127,70,243)
```
#8e46f3
```
#8e46f3 rgb(142,70,243)
```
#9c46f3
```
#9c46f3 rgb(156,70,243)
```

Similar Colors

Text with hexadecimal color #7146f3

This text has a font color of #7146f3.

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

#7146f3 background color

This paragraph has a background color of #7146f3.

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

#7146f3 border color

This element has a border color of #7146f3.

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

CSS codes

.text {color:#7146f3;}

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

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

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

#050112
```
#050112 rgb(5,1,18)
```
#0b0224
```
#0b0224 rgb(11,2,36)
```
#100436
```
#100436 rgb(16,4,54)
```
#160549
```
#160549 rgb(22,5,73)
```
#1b065b
```
#1b065b rgb(27,6,91)
```
#21076e
```
#21076e rgb(33,7,110)
```
#260880
```
#260880 rgb(38,8,128)
```
#2c0a93
```
#2c0a93 rgb(44,10,147)
```
#310ba5
```
#310ba5 rgb(49,11,165)
```
#370cb7
```
#370cb7 rgb(55,12,183)
```
#3c0dca
```
#3c0dca rgb(60,13,202)
```
#410edc
```
#410edc rgb(65,14,220)
```
#470fef
```
#470fef rgb(71,15,239)
```

Shade Color Variation

#5521f1
```
#5521f1 rgb(85,33,241)
```
#6334f2
```
#6334f2 rgb(99,52,242)
```
#7146f3
```
#7146f3 rgb(113,70,243)
```
#7f58f4
```
#7f58f4 rgb(127,88,244)
```
#8d6bf5
```
#8d6bf5 rgb(141,107,245)
```
#9b7df7
```
#9b7df7 rgb(155,125,247)
```
#aa90f8
```
#aa90f8 rgb(170,144,248)
```
#b8a2f9
```
#b8a2f9 rgb(184,162,249)
```
#c6b5fa
```
#c6b5fa rgb(198,181,250)
```
#d4c7fb
```
#d4c7fb rgb(212,199,251)
```
#e2d9fd
```
#e2d9fd rgb(226,217,253)
```
#f0ecfe
```
#f0ecfe rgb(240,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9b99a0
```
#9b99a0 rgb(155,153,160)
```
#9792a7
```
#9792a7 rgb(151,146,167)
```
#938aaf
```
#938aaf rgb(147,138,175)
```
#8f83b6
```
#8f83b6 rgb(143,131,182)
```
#8c7bbe
```
#8c7bbe rgb(140,123,190)
```
#8873c6
```
#8873c6 rgb(136,115,198)
```
#846ccd
```
#846ccd rgb(132,108,205)
```
#8064d5
```
#8064d5 rgb(128,100,213)
```
#7c5ddc
```
#7c5ddc rgb(124,93,220)
```
#7955e4
```
#7955e4 rgb(121,85,228)
```
#754eeb
```
#754eeb rgb(117,78,235)
```
#7146f3
```
#7146f3 rgb(113,70,243)
```
#6d3efb
```
#6d3efb rgb(109,62,251)
```

Tone Color Variation

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

Dichromacy

#006ed6 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#447982 Tritanopia 0.001% of the population

Trichromacy

#295fe1 Protanomaly 1% of men, 0.01% of women
#2963cf Deuteranomaly 6% of men, 0.4% of women
#5466ab Tritanomaly 0.01% of the population

#7146f3 hex color

#7146f3 Color Information

#7146f3 Color Conversion

Color Schemes with #7146f3

Alternatives to #7146f3

#7146f3 Preview

Shades and Tints of #7146f3

Tones of #7146f3

Color Blindness Simulator