colorhexa.com

#f54b64 hex color

In a RGB color space, hex #f54b64 is composed of 96.1% red, 29.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.4% magenta, 59.2% yellow and 3.9% black. It has a hue angle of 351.2 degrees, a saturation of 89.5% and a lightness of 62.7%. #f54b64 color hex could be obtained by blending #ff96c8 with #eb0000. Closest websafe color is: #ff3366.

- R 96
- G 29
- B 39
RGB color chart
- C 0
- M 69
- Y 59
- K 4
CMYK color chart

● #f54b64 color description : Soft red.

The hexadecimal color #f54b64 has RGB values of R:245, G:75, B:100 and CMYK values of C:0, M:0.69, Y:0.59, K:0.04. Its decimal value is 16075620.

Hex triplet	f54b64	`#f54b64`
RGB Decimal	245, 75, 100	`rgb(245,75,100)`
RGB Percent	96.1, 29.4, 39.2	`rgb(96.1%,29.4%,39.2%)`
CMYK	0, 69, 59, 4
HSL	351.2°, 89.5, 62.7	`hsl(351.2,89.5%,62.7%)`
HSV (or HSB)	351.2°, 69.4, 96.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	57.434, 65.742, 23.972
XYZ	42.474, 25.369, 14.716
xyY	0.514, 0.307, 25.369
CIE-LCH	57.434, 69.976, 20.034
CIE-LUV	57.434, 123.82, 15.239
Hunter-Lab	50.368, 62.381, 17.935
Binary	11110101, 01001011, 01100100

#f54b64
```
#f54b64 rgb(245,75,100)
```
#4bf5dc
```
#4bf5dc rgb(75,245,220)
```

Complementary Color

#f54bb9
```
#f54bb9 rgb(245,75,185)
```
#f54b64
```
#f54b64 rgb(245,75,100)
```
#f5874b
```
#f5874b rgb(245,135,75)
```

Analogous Color

#4bb9f5
```
#4bb9f5 rgb(75,185,245)
```
#f54b64
```
#f54b64 rgb(245,75,100)
```
#4bf587
```
#4bf587 rgb(75,245,135)
```

Split Complementary Color

#4b64f5
```
#4b64f5 rgb(75,100,245)
```
#f54b64
```
#f54b64 rgb(245,75,100)
```
#64f54b
```
#64f54b rgb(100,245,75)
```

Triadic Color

#dc4bf5
```
#dc4bf5 rgb(220,75,245)
```
#f54b64
```
#f54b64 rgb(245,75,100)
```
#64f54b
```
#64f54b rgb(100,245,75)
```
#4bf5dc
```
#4bf5dc rgb(75,245,220)
```

Tetradic Color

#e70d2d
```
#e70d2d rgb(231,13,45)
```
#f21b3a
```
#f21b3a rgb(242,27,58)
```
#f4334f
```
#f4334f rgb(244,51,79)
```
#f54b64
```
#f54b64 rgb(245,75,100)
```
#f66379
```
#f66379 rgb(246,99,121)
```
#f87b8e
```
#f87b8e rgb(248,123,142)
```
#f993a2
```
#f993a2 rgb(249,147,162)
```

Monochromatic Color

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

#f54b8f
```
#f54b8f rgb(245,75,143)
```
#f54b80
```
#f54b80 rgb(245,75,128)
```
#f54b72
```
#f54b72 rgb(245,75,114)
```
#f54b64
```
#f54b64 rgb(245,75,100)
```
#f54b56
```
#f54b56 rgb(245,75,86)
```
#f54e4b
```
#f54e4b rgb(245,78,75)
```
#f55d4b
```
#f55d4b rgb(245,93,75)
```

Similar Colors

Text with hexadecimal color #f54b64

This text has a font color of #f54b64.

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

#f54b64 background color

This paragraph has a background color of #f54b64.

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

#f54b64 border color

This element has a border color of #f54b64.

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

CSS codes

.text {color:#f54b64;}

.background {background-color:#f54b64;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#180105
```
#180105 rgb(24,1,5)
```
#2b0208
```
#2b0208 rgb(43,2,8)
```
#3e030c
```
#3e030c rgb(62,3,12)
```
#500410
```
#500410 rgb(80,4,16)
```
#630513
```
#630513 rgb(99,5,19)
```
#750717
```
#750717 rgb(117,7,23)
```
#88081a
```
#88081a rgb(136,8,26)
```
#9a091e
```
#9a091e rgb(154,9,30)
```
#ad0a22
```
#ad0a22 rgb(173,10,34)
```
#c00b25
```
#c00b25 rgb(192,11,37)
```
#d20c29
```
#d20c29 rgb(210,12,41)
```
#e50d2c
```
#e50d2c rgb(229,13,44)
```

Shade Color Variation

#f21334
```
#f21334 rgb(242,19,52)
```
#f32644
```
#f32644 rgb(243,38,68)
```
#f43854
```
#f43854 rgb(244,56,84)
```
#f54b64
```
#f54b64 rgb(245,75,100)
```
#f65e74
```
#f65e74 rgb(246,94,116)
```
#f77084
```
#f77084 rgb(247,112,132)
```
#f88394
```
#f88394 rgb(248,131,148)
```
#f995a4
```
#f995a4 rgb(249,149,164)
```
#faa8b4
```
#faa8b4 rgb(250,168,180)
```
#fbbac4
```
#fbbac4 rgb(251,186,196)
```
#fccdd4
```
#fccdd4 rgb(252,205,212)
```
#fde0e4
```
#fde0e4 rgb(253,224,228)
```
#fef2f4
```
#fef2f4 rgb(254,242,244)
```

Tint Color Variation

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

#a59b9d
```
#a59b9d rgb(165,155,157)
```
#ac9498
```
#ac9498 rgb(172,148,152)
```
#b38d92
```
#b38d92 rgb(179,141,146)
```
#bb858d
```
#bb858d rgb(187,133,141)
```
#c27e88
```
#c27e88 rgb(194,126,136)
```
#c97783
```
#c97783 rgb(201,119,131)
```
#d0707e
```
#d0707e rgb(208,112,126)
```
#d86879
```
#d86879 rgb(216,104,121)
```
#df6173
```
#df6173 rgb(223,97,115)
```
#e65a6e
```
#e65a6e rgb(230,90,110)
```
#ee5269
```
#ee5269 rgb(238,82,105)
```
#f54b64
```
#f54b64 rgb(245,75,100)
```
#fc445f
```
#fc445f rgb(252,68,95)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#98767b Atypical Achromatopsia 0.001% of the population

Dichromacy

#958f83 Protanopia 1% of men
#ab8a61 Deuteranopia 1% of men
#f4575b Tritanopia 0.001% of the population

Trichromacy

#b87678 Protanomaly 1% of men, 0.01% of women
#c67362 Deuteranomaly 6% of men, 0.4% of women
#f4525e Tritanomaly 0.01% of the population