#f80138 hex color

In a RGB color space, hex #f80138 is composed of 97.3% red, 0.4% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.6% magenta, 77.4% yellow and 2.7% black. It has a hue angle of 346.6 degrees, a saturation of 99.2% and a lightness of 48.8%. #f80138 color hex could be obtained by blending #ff0270 with #f10000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 97
- G 0
- B 22
RGB color chart
- C 0
- M 100
- Y 77
- K 3
CMYK color chart

● #f80138 color description : Vivid red.

The hexadecimal color #f80138 has RGB values of R:248, G:1, B:56 and CMYK values of C:0, M:1, Y:0.77, K:0.03. Its decimal value is 16253240.

Hex triplet	f80138	`#f80138`
RGB Decimal	248, 1, 56	`rgb(248,1,56)`
RGB Percent	97.3, 0.4, 22	`rgb(97.3%,0.4%,22%)`
CMYK	0, 100, 77, 3
HSL	346.6°, 99.2, 48.8	`hsl(346.6,99.2%,48.8%)`
HSV (or HSB)	346.6°, 99.6, 97.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.14, 79.225, 43.208
XYZ	39.438, 20.269, 5.577
xyY	0.604, 0.31, 20.269
CIE-LCH	52.14, 90.242, 28.607
CIE-LUV	52.14, 162.755, 25.826
Hunter-Lab	45.021, 77.578, 24.17
Binary	11111000, 00000001, 00111000

#f80138
```
#f80138 rgb(248,1,56)
```
#01f8c1
```
#01f8c1 rgb(1,248,193)
```

Complementary Color

#f801b4
```
#f801b4 rgb(248,1,180)
```
#f80138
```
#f80138 rgb(248,1,56)
```
#f84501
```
#f84501 rgb(248,69,1)
```

Analogous Color

#01b4f8
```
#01b4f8 rgb(1,180,248)
```
#f80138
```
#f80138 rgb(248,1,56)
```
#01f845
```
#01f845 rgb(1,248,69)
```

Split Complementary Color

#0138f8
```
#0138f8 rgb(1,56,248)
```
#f80138
```
#f80138 rgb(248,1,56)
```
#38f801
```
#38f801 rgb(56,248,1)
```

Triadic Color

#c101f8
```
#c101f8 rgb(193,1,248)
```
#f80138
```
#f80138 rgb(248,1,56)
```
#38f801
```
#38f801 rgb(56,248,1)
```
#01f8c1
```
#01f8c1 rgb(1,248,193)
```

Tetradic Color

#ac0127
```
#ac0127 rgb(172,1,39)
```
#c5012d
```
#c5012d rgb(197,1,45)
```
#df0132
```
#df0132 rgb(223,1,50)
```
#f80138
```
#f80138 rgb(248,1,56)
```
#fe1448
```
#fe1448 rgb(254,20,72)
```
#fe2e5c
```
#fe2e5c rgb(254,46,92)
```
#fe4770
```
#fe4770 rgb(254,71,112)
```

Monochromatic Color

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

#f80176
```
#f80176 rgb(248,1,118)
```
#f80161
```
#f80161 rgb(248,1,97)
```
#f8014d
```
#f8014d rgb(248,1,77)
```
#f80138
```
#f80138 rgb(248,1,56)
```
#f80123
```
#f80123 rgb(248,1,35)
```
#f8010f
```
#f8010f rgb(248,1,15)
```
#f80801
```
#f80801 rgb(248,8,1)
```

Similar Colors

Text with hexadecimal color #f80138

This text has a font color of #f80138.

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

#f80138 background color

This paragraph has a background color of #f80138.

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

#f80138 border color

This element has a border color of #f80138.

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

CSS codes

.text {color:#f80138;}

.background {background-color:#f80138;}

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

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

#0e0003
```
#0e0003 rgb(14,0,3)
```
#210007
```
#210007 rgb(33,0,7)
```
#35000c
```
#35000c rgb(53,0,12)
```
#480010
```
#480010 rgb(72,0,16)
```
#5c0015
```
#5c0015 rgb(92,0,21)
```
#6f0019
```
#6f0019 rgb(111,0,25)
```
#83011e
```
#83011e rgb(131,1,30)
```
#960122
```
#960122 rgb(150,1,34)
```
#aa0126
```
#aa0126 rgb(170,1,38)
```
#bd012b
```
#bd012b rgb(189,1,43)
```
#d1012f
```
#d1012f rgb(209,1,47)
```
#e40134
```
#e40134 rgb(228,1,52)
```
#f80138
```
#f80138 rgb(248,1,56)
```

Shade Color Variation

#fe0f44
```
#fe0f44 rgb(254,15,68)
```
#fe2253
```
#fe2253 rgb(254,34,83)
```
#fe3662
```
#fe3662 rgb(254,54,98)
```
#fe4972
```
#fe4972 rgb(254,73,114)
```
#fe5d81
```
#fe5d81 rgb(254,93,129)
```
#fe7090
```
#fe7090 rgb(254,112,144)
```
#ff849f
```
#ff849f rgb(255,132,159)
```
#ff97ae
```
#ff97ae rgb(255,151,174)
```
#ffabbe
```
#ffabbe rgb(255,171,190)
```
#ffbecd
```
#ffbecd rgb(255,190,205)
```
#ffd2dc
```
#ffd2dc rgb(255,210,220)
```
#ffe5eb
```
#ffe5eb rgb(255,229,235)
```
#fff9fa
```
#fff9fa rgb(255,249,250)
```

Tint Color Variation

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

#857478
```
#857478 rgb(133,116,120)
```
#8f6a72
```
#8f6a72 rgb(143,106,114)
```
#98616d
```
#98616d rgb(152,97,109)
```
#a25768
```
#a25768 rgb(162,87,104)
```
#ab4e62
```
#ab4e62 rgb(171,78,98)
```
#b5445d
```
#b5445d rgb(181,68,93)
```
#bf3a58
```
#bf3a58 rgb(191,58,88)
```
#c83153
```
#c83153 rgb(200,49,83)
```
#d2274d
```
#d2274d rgb(210,39,77)
```
#db1e48
```
#db1e48 rgb(219,30,72)
```
#e51443
```
#e51443 rgb(229,20,67)
```
#ee0b3d
```
#ee0b3d rgb(238,11,61)
```
#f80138
```
#f80138 rgb(248,1,56)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#72414c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d835c Protanopia 1% of men
#a27d31 Deuteranopia 1% of men
#f71e13 Tritanopia 0.001% of the population

Trichromacy

#b4534f Protanomaly 1% of men, 0.01% of women
#c14f33 Deuteranomaly 6% of men, 0.4% of women
#f71321 Tritanomaly 0.01% of the population

#f80138 hex color

#f80138 Color Information

#f80138 Color Conversion

Color Schemes with #f80138

Alternatives to #f80138

#f80138 Preview

Shades and Tints of #f80138

Tones of #f80138

Color Blindness Simulator