#f82a48 hex color

In a RGB color space, hex #f82a48 is composed of 97.3% red, 16.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.1% magenta, 71% yellow and 2.7% black. It has a hue angle of 351.3 degrees, a saturation of 93.6% and a lightness of 56.9%. #f82a48 color hex could be obtained by blending #ff5490 with #f10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 97
- G 16
- B 28
RGB color chart
- C 0
- M 83
- Y 71
- K 3
CMYK color chart

● #f82a48 color description : Bright red.

The hexadecimal color #f82a48 has RGB values of R:248, G:42, B:72 and CMYK values of C:0, M:0.83, Y:0.71, K:0.03. Its decimal value is 16263752.

Hex triplet	f82a48	`#f82a48`
RGB Decimal	248, 42, 72	`rgb(248,42,72)`
RGB Percent	97.3, 16.5, 28.2	`rgb(97.3%,16.5%,28.2%)`
CMYK	0, 83, 71, 3
HSL	351.3°, 93.6, 56.9	`hsl(351.3,93.6%,56.9%)`
HSV (or HSB)	351.3°, 83.1, 97.3
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.117, 74.671, 36.262
XYZ	40.711, 22.085, 8.25
xyY	0.573, 0.311, 22.085
CIE-LCH	54.117, 83.01, 25.902
CIE-LUV	54.117, 149.58, 22.981
Hunter-Lab	46.995, 72.39, 22.488
Binary	11111000, 00101010, 01001000

#f82a48
```
#f82a48 rgb(248,42,72)
```
#2af8da
```
#2af8da rgb(42,248,218)
```

Complementary Color

#f82aaf
```
#f82aaf rgb(248,42,175)
```
#f82a48
```
#f82a48 rgb(248,42,72)
```
#f8732a
```
#f8732a rgb(248,115,42)
```

Analogous Color

#2aaff8
```
#2aaff8 rgb(42,175,248)
```
#f82a48
```
#f82a48 rgb(248,42,72)
```
#2af873
```
#2af873 rgb(42,248,115)
```

Split Complementary Color

#2a48f8
```
#2a48f8 rgb(42,72,248)
```
#f82a48
```
#f82a48 rgb(248,42,72)
```
#48f82a
```
#48f82a rgb(72,248,42)
```

Triadic Color

#da2af8
```
#da2af8 rgb(218,42,248)
```
#f82a48
```
#f82a48 rgb(248,42,72)
```
#48f82a
```
#48f82a rgb(72,248,42)
```
#2af8da
```
#2af8da rgb(42,248,218)
```

Tetradic Color

#cf0724
```
#cf0724 rgb(207,7,36)
```
#e70828
```
#e70828 rgb(231,8,40)
```
#f71133
```
#f71133 rgb(247,17,51)
```
#f82a48
```
#f82a48 rgb(248,42,72)
```
#f9435d
```
#f9435d rgb(249,67,93)
```
#fa5b72
```
#fa5b72 rgb(250,91,114)
```
#fa7488
```
#fa7488 rgb(250,116,136)
```

Monochromatic Color

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

#f82a7c
```
#f82a7c rgb(248,42,124)
```
#f82a6a
```
#f82a6a rgb(248,42,106)
```
#f82a59
```
#f82a59 rgb(248,42,89)
```
#f82a48
```
#f82a48 rgb(248,42,72)
```
#f82a37
```
#f82a37 rgb(248,42,55)
```
#f82e2a
```
#f82e2a rgb(248,46,42)
```
#f8402a
```
#f8402a rgb(248,64,42)
```

Similar Colors

Text with hexadecimal color #f82a48

This text has a font color of #f82a48.

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

#f82a48 background color

This paragraph has a background color of #f82a48.

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

#f82a48 border color

This element has a border color of #f82a48.

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

CSS codes

.text {color:#f82a48;}

.background {background-color:#f82a48;}

.border {border:1px solid #f82a48;}

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, #0f0003 is the darkest color, while #fffbfb is the lightest one.

#0f0003
```
#0f0003 rgb(15,0,3)
```
#220106
```
#220106 rgb(34,1,6)
```
#350209
```
#350209 rgb(53,2,9)
```
#48020c
```
#48020c rgb(72,2,12)
```
#5b0310
```
#5b0310 rgb(91,3,16)
```
#6e0413
```
#6e0413 rgb(110,4,19)
```
#810416
```
#810416 rgb(129,4,22)
```
#94051a
```
#94051a rgb(148,5,26)
```
#a7051d
```
#a7051d rgb(167,5,29)
```
#ba0620
```
#ba0620 rgb(186,6,32)
```
#cd0724
```
#cd0724 rgb(205,7,36)
```
#e00727
```
#e00727 rgb(224,7,39)
```
#f3082a
```
#f3082a rgb(243,8,42)
```

Shade Color Variation

#f71738
```
#f71738 rgb(247,23,56)
```
#f82a48
```
#f82a48 rgb(248,42,72)
```
#f93d58
```
#f93d58 rgb(249,61,88)
```
#f95069
```
#f95069 rgb(249,80,105)
```
#fa6379
```
#fa6379 rgb(250,99,121)
```
#fa7689
```
#fa7689 rgb(250,118,137)
```
#fb899a
```
#fb899a rgb(251,137,154)
```
#fc9caa
```
#fc9caa rgb(252,156,170)
```
#fcafba
```
#fcafba rgb(252,175,186)
```
#fdc2cb
```
#fdc2cb rgb(253,194,203)
```
#fed5db
```
#fed5db rgb(254,213,219)
```
#fee8eb
```
#fee8eb rgb(254,232,235)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#929090
```
#929090 rgb(146,144,144)
```
#9b878a
```
#9b878a rgb(155,135,138)
```
#a37f84
```
#a37f84 rgb(163,127,132)
```
#ac767e
```
#ac767e rgb(172,118,126)
```
#b46e78
```
#b46e78 rgb(180,110,120)
```
#bd6572
```
#bd6572 rgb(189,101,114)
```
#c55d6c
```
#c55d6c rgb(197,93,108)
```
#ce5466
```
#ce5466 rgb(206,84,102)
```
#d64c60
```
#d64c60 rgb(214,76,96)
```
#df435a
```
#df435a rgb(223,67,90)
```
#e73b54
```
#e73b54 rgb(231,59,84)
```
#f0324e
```
#f0324e rgb(240,50,78)
```
#f82a48
```
#f82a48 rgb(248,42,72)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#875e64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90876b Protanopia 1% of men
#a68143 Deuteranopia 1% of men
#f73a3a Tritanopia 0.001% of the population

Trichromacy

#b6655e Protanomaly 1% of men, 0.01% of women
#c46145 Deuteranomaly 6% of men, 0.4% of women
#f7343f Tritanomaly 0.01% of the population

#f82a48 hex color

#f82a48 Color Information

#f82a48 Color Conversion

Color Schemes with #f82a48

Alternatives to #f82a48

#f82a48 Preview

Shades and Tints of #f82a48

Tones of #f82a48

Color Blindness Simulator