#f03561 hex color

In a RGB color space, hex #f03561 is composed of 94.1% red, 20.8% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.9% magenta, 59.6% yellow and 5.9% black. It has a hue angle of 345.9 degrees, a saturation of 86.2% and a lightness of 57.5%. #f03561 color hex could be obtained by blending #ff6ac2 with #e10000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 94
- G 21
- B 38
RGB color chart
- C 0
- M 78
- Y 60
- K 6
CMYK color chart

● #f03561 color description : Bright red.

The hexadecimal color #f03561 has RGB values of R:240, G:53, B:97 and CMYK values of C:0, M:0.78, Y:0.6, K:0.06. Its decimal value is 15742305.

Hex triplet	f03561	`#f03561`
RGB Decimal	240, 53, 97	`rgb(240,53,97)`
RGB Percent	94.1, 20.8, 38	`rgb(94.1%,20.8%,38%)`
CMYK	0, 78, 60, 6
HSL	345.9°, 86.2, 57.5	`hsl(345.9,86.2%,57.5%)`
HSV (or HSB)	345.9°, 77.9, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.962, 71.147, 20.969
XYZ	39.368, 21.939, 13.47
xyY	0.526, 0.293, 21.939
CIE-LCH	53.962, 74.173, 16.421
CIE-LUV	53.962, 131.393, 10.235
Hunter-Lab	46.839, 68.058, 15.736
Binary	11110000, 00110101, 01100001

#f03561
```
#f03561 rgb(240,53,97)
```
#35f0c4
```
#35f0c4 rgb(53,240,196)
```

Complementary Color

#f035bf
```
#f035bf rgb(240,53,191)
```
#f03561
```
#f03561 rgb(240,53,97)
```
#f06735
```
#f06735 rgb(240,103,53)
```

Analogous Color

#35bff0
```
#35bff0 rgb(53,191,240)
```
#f03561
```
#f03561 rgb(240,53,97)
```
#35f067
```
#35f067 rgb(53,240,103)
```

Split Complementary Color

#3561f0
```
#3561f0 rgb(53,97,240)
```
#f03561
```
#f03561 rgb(240,53,97)
```
#61f035
```
#61f035 rgb(97,240,53)
```

Triadic Color

#c435f0
```
#c435f0 rgb(196,53,240)
```
#f03561
```
#f03561 rgb(240,53,97)
```
#61f035
```
#61f035 rgb(97,240,53)
```
#35f0c4
```
#35f0c4 rgb(53,240,196)
```

Tetradic Color

#ca0f3b
```
#ca0f3b rgb(202,15,59)
```
#e11142
```
#e11142 rgb(225,17,66)
```
#ee1d4e
```
#ee1d4e rgb(238,29,78)
```
#f03561
```
#f03561 rgb(240,53,97)
```
#f24d74
```
#f24d74 rgb(242,77,116)
```
#f46486
```
#f46486 rgb(244,100,134)
```
#f57c99
```
#f57c99 rgb(245,124,153)
```

Monochromatic Color

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

#f03590
```
#f03590 rgb(240,53,144)
```
#f03580
```
#f03580 rgb(240,53,128)
```
#f03571
```
#f03571 rgb(240,53,113)
```
#f03561
```
#f03561 rgb(240,53,97)
```
#f03551
```
#f03551 rgb(240,53,81)
```
#f03542
```
#f03542 rgb(240,53,66)
```
#f03835
```
#f03835 rgb(240,56,53)
```

Similar Colors

Text with hexadecimal color #f03561

This text has a font color of #f03561.

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

#f03561 background color

This paragraph has a background color of #f03561.

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

#f03561 border color

This element has a border color of #f03561.

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

CSS codes

.text {color:#f03561;}

.background {background-color:#f03561;}

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

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

#110105
```
#110105 rgb(17,1,5)
```
#23030a
```
#23030a rgb(35,3,10)
```
#360410
```
#360410 rgb(54,4,16)
```
#480515
```
#480515 rgb(72,5,21)
```
#5a071a
```
#5a071a rgb(90,7,26)
```
#6c0820
```
#6c0820 rgb(108,8,32)
```
#7f0925
```
#7f0925 rgb(127,9,37)
```
#910b2a
```
#910b2a rgb(145,11,42)
```
#a30c30
```
#a30c30 rgb(163,12,48)
```
#b50d35
```
#b50d35 rgb(181,13,53)
```
#c80f3a
```
#c80f3a rgb(200,15,58)
```
#da1040
```
#da1040 rgb(218,16,64)
```
#ec1245
```
#ec1245 rgb(236,18,69)
```

Shade Color Variation

#ef2353
```
#ef2353 rgb(239,35,83)
```
#f03561
```
#f03561 rgb(240,53,97)
```
#f1476f
```
#f1476f rgb(241,71,111)
```
#f35a7e
```
#f35a7e rgb(243,90,126)
```
#f46c8c
```
#f46c8c rgb(244,108,140)
```
#f57e9a
```
#f57e9a rgb(245,126,154)
```
#f790a8
```
#f790a8 rgb(247,144,168)
```
#f8a3b7
```
#f8a3b7 rgb(248,163,183)
```
#f9b5c5
```
#f9b5c5 rgb(249,181,197)
```
#fbc7d3
```
#fbc7d3 rgb(251,199,211)
```
#fcd9e2
```
#fcd9e2 rgb(252,217,226)
```
#feecf0
```
#feecf0 rgb(254,236,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#949192
```
#949192 rgb(148,145,146)
```
#9d888d
```
#9d888d rgb(157,136,141)
```
#a58089
```
#a58089 rgb(165,128,137)
```
#ad7884
```
#ad7884 rgb(173,120,132)
```
#b66f80
```
#b66f80 rgb(182,111,128)
```
#be677c
```
#be677c rgb(190,103,124)
```
#c65f77
```
#c65f77 rgb(198,95,119)
```
#cf5673
```
#cf5673 rgb(207,86,115)
```
#d74e6e
```
#d74e6e rgb(215,78,110)
```
#df466a
```
#df466a rgb(223,70,106)
```
#e83d65
```
#e83d65 rgb(232,61,101)
```
#f03561
```
#f03561 rgb(240,53,97)
```
#f82d5d
```
#f82d5d rgb(248,45,93)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8b666f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8685 Protanopia 1% of men
#a1825d Deuteranopia 1% of men
#ef4649 Tritanopia 0.001% of the population

Trichromacy

#af6978 Protanomaly 1% of men, 0.01% of women
#bd665e Deuteranomaly 6% of men, 0.4% of women
#ef4051 Tritanomaly 0.01% of the population

#f03561 hex color

#f03561 Color Information

#f03561 Color Conversion

Color Schemes with #f03561

Alternatives to #f03561

#f03561 Preview

Shades and Tints of #f03561

Tones of #f03561

Color Blindness Simulator