#f81c5a hex color

In a RGB color space, hex #f81c5a is composed of 97.3% red, 11% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.7% magenta, 63.7% yellow and 2.7% black. It has a hue angle of 343.1 degrees, a saturation of 94% and a lightness of 54.1%. #f81c5a color hex could be obtained by blending #ff38b4 with #f10000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 97
- G 11
- B 35
RGB color chart
- C 0
- M 89
- Y 64
- K 3
CMYK color chart

● #f81c5a color description : Vivid pink.

The hexadecimal color #f81c5a has RGB values of R:248, G:28, B:90 and CMYK values of C:0, M:0.89, Y:0.64, K:0.03. Its decimal value is 16260186.

Hex triplet	f81c5a	`#f81c5a`
RGB Decimal	248, 28, 90	`rgb(248,28,90)`
RGB Percent	97.3, 11, 35.3	`rgb(97.3%,11%,35.3%)`
CMYK	0, 89, 64, 3
HSL	343.1°, 94, 54.1	`hsl(343.1,94%,54.1%)`
HSV (or HSB)	343.1°, 88.7, 97.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.525, 78.035, 24.867
XYZ	40.974, 21.53, 11.671
xyY	0.552, 0.29, 21.53
CIE-LCH	53.525, 81.901, 17.675
CIE-LUV	53.525, 148.203, 12.095
Hunter-Lab	46.401, 76.423, 17.568
Binary	11111000, 00011100, 01011010

#f81c5a
```
#f81c5a rgb(248,28,90)
```
#1cf8ba
```
#1cf8ba rgb(28,248,186)
```

Complementary Color

#f81cc8
```
#f81cc8 rgb(248,28,200)
```
#f81c5a
```
#f81c5a rgb(248,28,90)
```
#f84c1c
```
#f84c1c rgb(248,76,28)
```

Analogous Color

#1cc8f8
```
#1cc8f8 rgb(28,200,248)
```
#f81c5a
```
#f81c5a rgb(248,28,90)
```
#1cf84c
```
#1cf84c rgb(28,248,76)
```

Split Complementary Color

#1c5af8
```
#1c5af8 rgb(28,90,248)
```
#f81c5a
```
#f81c5a rgb(248,28,90)
```
#5af81c
```
#5af81c rgb(90,248,28)
```

Triadic Color

#ba1cf8
```
#ba1cf8 rgb(186,28,248)
```
#f81c5a
```
#f81c5a rgb(248,28,90)
```
#5af81c
```
#5af81c rgb(90,248,28)
```
#1cf8ba
```
#1cf8ba rgb(28,248,186)
```

Tetradic Color

#c2063b
```
#c2063b rgb(194,6,59)
```
#da0742
```
#da0742 rgb(218,7,66)
```
#f3074a
```
#f3074a rgb(243,7,74)
```
#f81c5a
```
#f81c5a rgb(248,28,90)
```
#f9356c
```
#f9356c rgb(249,53,108)
```
#fa4d7e
```
#fa4d7e rgb(250,77,126)
```
#fa6690
```
#fa6690 rgb(250,102,144)
```

Monochromatic Color

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

#f81c91
```
#f81c91 rgb(248,28,145)
```
#f81c7f
```
#f81c7f rgb(248,28,127)
```
#f81c6c
```
#f81c6c rgb(248,28,108)
```
#f81c5a
```
#f81c5a rgb(248,28,90)
```
#f81c48
```
#f81c48 rgb(248,28,72)
```
#f81c35
```
#f81c35 rgb(248,28,53)
```
#f81c23
```
#f81c23 rgb(248,28,35)
```

Similar Colors

Text with hexadecimal color #f81c5a

This text has a font color of #f81c5a.

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

#f81c5a background color

This paragraph has a background color of #f81c5a.

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

#f81c5a border color

This element has a border color of #f81c5a.

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

CSS codes

.text {color:#f81c5a;}

.background {background-color:#f81c5a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140106
```
#140106 rgb(20,1,6)
```
#27010c
```
#27010c rgb(39,1,12)
```
#3a0212
```
#3a0212 rgb(58,2,18)
```
#4d0218
```
#4d0218 rgb(77,2,24)
```
#60031d
```
#60031d rgb(96,3,29)
```
#740423
```
#740423 rgb(116,4,35)
```
#870429
```
#870429 rgb(135,4,41)
```
#9a052f
```
#9a052f rgb(154,5,47)
```
#ad0534
```
#ad0534 rgb(173,5,52)
```
#c0063a
```
#c0063a rgb(192,6,58)
```
#d30640
```
#d30640 rgb(211,6,64)
```
#e60746
```
#e60746 rgb(230,7,70)
```

Shade Color Variation

#f7094c
```
#f7094c rgb(247,9,76)
```
#f81c5a
```
#f81c5a rgb(248,28,90)
```
#f92f68
```
#f92f68 rgb(249,47,104)
```
#f94276
```
#f94276 rgb(249,66,118)
```
#fa5583
```
#fa5583 rgb(250,85,131)
```
#fa6891
```
#fa6891 rgb(250,104,145)
```
#fb7b9f
```
#fb7b9f rgb(251,123,159)
```
#fc8ead
```
#fc8ead rgb(252,142,173)
```
#fca1bb
```
#fca1bb rgb(252,161,187)
```
#fdb4c9
```
#fdb4c9 rgb(253,180,201)
```
#fdc7d6
```
#fdc7d6 rgb(253,199,214)
```
#fedae4
```
#fedae4 rgb(254,218,228)
```
#feedf2
```
#feedf2 rgb(254,237,242)
```

Tint Color Variation

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

#8c8889
```
#8c8889 rgb(140,136,137)
```
#957f85
```
#957f85 rgb(149,127,133)
```
#9e7681
```
#9e7681 rgb(158,118,129)
```
#a76d7d
```
#a76d7d rgb(167,109,125)
```
#b06479
```
#b06479 rgb(176,100,121)
```
#b95b75
```
#b95b75 rgb(185,91,117)
```
#c25272
```
#c25272 rgb(194,82,114)
```
#cb496e
```
#cb496e rgb(203,73,110)
```
#d4406a
```
#d4406a rgb(212,64,106)
```
#dd3766
```
#dd3766 rgb(221,55,102)
```
#e62e62
```
#e62e62 rgb(230,46,98)
```
#ef255e
```
#ef255e rgb(239,37,94)
```
#f81c5a
```
#f81c5a rgb(248,28,90)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#825663 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898583 Protanopia 1% of men
#a18055 Deuteranopia 1% of men
#f63535 Tritanopia 0.001% of the population

Trichromacy

#b15f74 Protanomaly 1% of men, 0.01% of women
#c15c56 Deuteranomaly 6% of men, 0.4% of women
#f72c42 Tritanomaly 0.01% of the population

#f81c5a hex color

#f81c5a Color Information

#f81c5a Color Conversion

Color Schemes with #f81c5a

Alternatives to #f81c5a

#f81c5a Preview

Shades and Tints of #f81c5a

Tones of #f81c5a

Color Blindness Simulator