#f54161 hex color

In a RGB color space, hex #f54161 is composed of 96.1% red, 25.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.5% magenta, 60.4% yellow and 3.9% black. It has a hue angle of 349.3 degrees, a saturation of 90% and a lightness of 60.8%. #f54161 color hex could be obtained by blending #ff82c2 with #eb0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 25
- B 38
RGB color chart
- C 0
- M 73
- Y 60
- K 4
CMYK color chart

● #f54161 color description : Bright red.

The hexadecimal color #f54161 has RGB values of R:245, G:65, B:97 and CMYK values of C:0, M:0.73, Y:0.6, K:0.04. Its decimal value is 16073057.

Hex triplet	f54161	`#f54161`
RGB Decimal	245, 65, 97	`rgb(245,65,97)`
RGB Percent	96.1, 25.5, 38	`rgb(96.1%,25.5%,38%)`
CMYK	0, 73, 60, 4
HSL	349.3°, 90, 60.8	`hsl(349.3,90%,60.8%)`
HSV (or HSB)	349.3°, 73.5, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	56.149, 68.961, 24.037
XYZ	41.706, 24.061, 13.757
xyY	0.524, 0.303, 24.061
CIE-LCH	56.149, 73.03, 19.216
CIE-LUV	56.149, 129.915, 14.238
Hunter-Lab	49.052, 65.927, 17.708
Binary	11110101, 01000001, 01100001

#f54161
```
#f54161 rgb(245,65,97)
```
#41f5d5
```
#41f5d5 rgb(65,245,213)
```

Complementary Color

#f541bb
```
#f541bb rgb(245,65,187)
```
#f54161
```
#f54161 rgb(245,65,97)
```
#f57b41
```
#f57b41 rgb(245,123,65)
```

Analogous Color

#41bbf5
```
#41bbf5 rgb(65,187,245)
```
#f54161
```
#f54161 rgb(245,65,97)
```
#41f57b
```
#41f57b rgb(65,245,123)
```

Split Complementary Color

#4161f5
```
#4161f5 rgb(65,97,245)
```
#f54161
```
#f54161 rgb(245,65,97)
```
#61f541
```
#61f541 rgb(97,245,65)
```

Triadic Color

#d541f5
```
#d541f5 rgb(213,65,245)
```
#f54161
```
#f54161 rgb(245,65,97)
```
#61f541
```
#61f541 rgb(97,245,65)
```
#41f5d5
```
#41f5d5 rgb(65,245,213)
```

Tetradic Color

#de0c31
```
#de0c31 rgb(222,12,49)
```
#f21139
```
#f21139 rgb(242,17,57)
```
#f4294d
```
#f4294d rgb(244,41,77)
```
#f54161
```
#f54161 rgb(245,65,97)
```
#f65975
```
#f65975 rgb(246,89,117)
```
#f87189
```
#f87189 rgb(248,113,137)
```
#f98a9d
```
#f98a9d rgb(249,138,157)
```

Monochromatic Color

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

#f5418e
```
#f5418e rgb(245,65,142)
```
#f5417f
```
#f5417f rgb(245,65,127)
```
#f54170
```
#f54170 rgb(245,65,112)
```
#f54161
```
#f54161 rgb(245,65,97)
```
#f54152
```
#f54152 rgb(245,65,82)
```
#f54143
```
#f54143 rgb(245,65,67)
```
#f54e41
```
#f54e41 rgb(245,78,65)
```

Similar Colors

Text with hexadecimal color #f54161

This text has a font color of #f54161.

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

#f54161 background color

This paragraph has a background color of #f54161.

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

#f54161 border color

This element has a border color of #f54161.

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

CSS codes

.text {color:#f54161;}

.background {background-color:#f54161;}

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

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

#0f0103
```
#0f0103 rgb(15,1,3)
```
#220207
```
#220207 rgb(34,2,7)
```
#34030c
```
#34030c rgb(52,3,12)
```
#470410
```
#470410 rgb(71,4,16)
```
#5a0514
```
#5a0514 rgb(90,5,20)
```
#6c0618
```
#6c0618 rgb(108,6,24)
```
#7f071c
```
#7f071c rgb(127,7,28)
```
#910820
```
#910820 rgb(145,8,32)
```
#a40924
```
#a40924 rgb(164,9,36)
```
#b70a28
```
#b70a28 rgb(183,10,40)
```
#c90b2d
```
#c90b2d rgb(201,11,45)
```
#dc0c31
```
#dc0c31 rgb(220,12,49)
```
#ef0d35
```
#ef0d35 rgb(239,13,53)
```

Shade Color Variation

#f31c42
```
#f31c42 rgb(243,28,66)
```
#f42e52
```
#f42e52 rgb(244,46,82)
```
#f54161
```
#f54161 rgb(245,65,97)
```
#f65470
```
#f65470 rgb(246,84,112)
```
#f76680
```
#f76680 rgb(247,102,128)
```
#f8798f
```
#f8798f rgb(248,121,143)
```
#f98c9f
```
#f98c9f rgb(249,140,159)
```
#fa9eae
```
#fa9eae rgb(250,158,174)
```
#fbb1be
```
#fbb1be rgb(251,177,190)
```
#fcc3cd
```
#fcc3cd rgb(252,195,205)
```
#fdd6dd
```
#fdd6dd rgb(253,214,221)
```
#fee9ec
```
#fee9ec rgb(254,233,236)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#a09698
```
#a09698 rgb(160,150,152)
```
#a88e93
```
#a88e93 rgb(168,142,147)
```
#b0868e
```
#b0868e rgb(176,134,142)
```
#b77f89
```
#b77f89 rgb(183,127,137)
```
#bf7784
```
#bf7784 rgb(191,119,132)
```
#c76f7f
```
#c76f7f rgb(199,111,127)
```
#cf677a
```
#cf677a rgb(207,103,122)
```
#d66075
```
#d66075 rgb(214,96,117)
```
#de5870
```
#de5870 rgb(222,88,112)
```
#e6506b
```
#e6506b rgb(230,80,107)
```
#ed4966
```
#ed4966 rgb(237,73,102)
```
#f54161
```
#f54161 rgb(245,65,97)
```
#fd395c
```
#fd395c rgb(253,57,92)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#936f75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918c83 Protanopia 1% of men
#a8875d Deuteranopia 1% of men
#f44f52 Tritanopia 0.001% of the population

Trichromacy

#b57076 Protanomaly 1% of men, 0.01% of women
#c46d5e Deuteranomaly 6% of men, 0.4% of women
#f44a58 Tritanomaly 0.01% of the population

#f54161 hex color

#f54161 Color Information

#f54161 Color Conversion

Color Schemes with #f54161

Alternatives to #f54161

#f54161 Preview

Shades and Tints of #f54161

Tones of #f54161

Color Blindness Simulator