#f94a55 hex color

In a RGB color space, hex #f94a55 is composed of 97.6% red, 29% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.3% magenta, 65.9% yellow and 2.4% black. It has a hue angle of 356.2 degrees, a saturation of 93.6% and a lightness of 63.3%. #f94a55 color hex could be obtained by blending #ff94aa with #f30000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 98
- G 29
- B 33
RGB color chart
- C 0
- M 70
- Y 66
- K 2
CMYK color chart

● #f94a55 color description : Bright red.

The hexadecimal color #f94a55 has RGB values of R:249, G:74, B:85 and CMYK values of C:0, M:0.7, Y:0.66, K:0.02. Its decimal value is 16337493.

Hex triplet	f94a55	`#f94a55`
RGB Decimal	249, 74, 85	`rgb(249,74,85)`
RGB Percent	97.6, 29, 33.3	`rgb(97.6%,29%,33.3%)`
CMYK	0, 70, 66, 2
HSL	356.2°, 93.6, 63.3	`hsl(356.2,93.6%,63.3%)`
HSV (or HSB)	356.2°, 70.3, 97.6
Web Safe	ff3366	`#ff3366`

CIE-LAB	57.749, 66.419, 33.218
XYZ	43.157, 25.698, 11.282
xyY	0.539, 0.321, 25.698
CIE-LCH	57.749, 74.262, 26.571
CIE-LUV	57.749, 131.705, 23.846
Hunter-Lab	50.693, 63.251, 22.291
Binary	11111001, 01001010, 01010101

#f94a55
```
#f94a55 rgb(249,74,85)
```
#4af9ee
```
#4af9ee rgb(74,249,238)
```

Complementary Color

#f94aad
```
#f94aad rgb(249,74,173)
```
#f94a55
```
#f94a55 rgb(249,74,85)
```
#f9974a
```
#f9974a rgb(249,151,74)
```

Analogous Color

#4aadf9
```
#4aadf9 rgb(74,173,249)
```
#f94a55
```
#f94a55 rgb(249,74,85)
```
#4af997
```
#4af997 rgb(74,249,151)
```

Split Complementary Color

#4a55f9
```
#4a55f9 rgb(74,85,249)
```
#f94a55
```
#f94a55 rgb(249,74,85)
```
#55f94a
```
#55f94a rgb(85,249,74)
```

Triadic Color

#ee4af9
```
#ee4af9 rgb(238,74,249)
```
#f94a55
```
#f94a55 rgb(249,74,85)
```
#55f94a
```
#55f94a rgb(85,249,74)
```
#4af9ee
```
#4af9ee rgb(74,249,238)
```

Tetradic Color

#ef0816
```
#ef0816 rgb(239,8,22)
```
#f71927
```
#f71927 rgb(247,25,39)
```
#f8313e
```
#f8313e rgb(248,49,62)
```
#f94a55
```
#f94a55 rgb(249,74,85)
```
#fa636c
```
#fa636c rgb(250,99,108)
```
#fb7b83
```
#fb7b83 rgb(251,123,131)
```
#fb949b
```
#fb949b rgb(251,148,155)
```

Monochromatic Color

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

#f94a81
```
#f94a81 rgb(249,74,129)
```
#f94a72
```
#f94a72 rgb(249,74,114)
```
#f94a64
```
#f94a64 rgb(249,74,100)
```
#f94a55
```
#f94a55 rgb(249,74,85)
```
#f94e4a
```
#f94e4a rgb(249,78,74)
```
#f95c4a
```
#f95c4a rgb(249,92,74)
```
#f96b4a
```
#f96b4a rgb(249,107,74)
```

Similar Colors

Text with hexadecimal color #f94a55

This text has a font color of #f94a55.

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

#f94a55 background color

This paragraph has a background color of #f94a55.

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

#f94a55 border color

This element has a border color of #f94a55.

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

CSS codes

.text {color:#f94a55;}

.background {background-color:#f94a55;}

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

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

#090001
```
#090001 rgb(9,0,1)
```
#1c0103
```
#1c0103 rgb(28,1,3)
```
#2f0204
```
#2f0204 rgb(47,2,4)
```
#420206
```
#420206 rgb(66,2,6)
```
#550308
```
#550308 rgb(85,3,8)
```
#68030a
```
#68030a rgb(104,3,10)
```
#7b040c
```
#7b040c rgb(123,4,12)
```
#8e050d
```
#8e050d rgb(142,5,13)
```
#a1050f
```
#a1050f rgb(161,5,15)
```
#b40611
```
#b40611 rgb(180,6,17)
```
#c70713
```
#c70713 rgb(199,7,19)
```
#da0714
```
#da0714 rgb(218,7,20)
```
#ed0816
```
#ed0816 rgb(237,8,22)
```

Shade Color Variation

#f71120
```
#f71120 rgb(247,17,32)
```
#f82431
```
#f82431 rgb(248,36,49)
```
#f83743
```
#f83743 rgb(248,55,67)
```
#f94a55
```
#f94a55 rgb(249,74,85)
```
#fa5d67
```
#fa5d67 rgb(250,93,103)
```
#fa7079
```
#fa7079 rgb(250,112,121)
```
#fb838a
```
#fb838a rgb(251,131,138)
```
#fc969c
```
#fc969c rgb(252,150,156)
```
#fca9ae
```
#fca9ae rgb(252,169,174)
```
#fdbcc0
```
#fdbcc0 rgb(253,188,192)
```
#fdcfd2
```
#fdcfd2 rgb(253,207,210)
```
#fee2e4
```
#fee2e4 rgb(254,226,228)
```
#fff5f5
```
#fff5f5 rgb(255,245,245)
```

Tint Color Variation

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

#a3a0a0
```
#a3a0a0 rgb(163,160,160)
```
#aa999a
```
#aa999a rgb(170,153,154)
```
#b19294
```
#b19294 rgb(177,146,148)
```
#b88b8e
```
#b88b8e rgb(184,139,142)
```
#bf8487
```
#bf8487 rgb(191,132,135)
```
#c77c81
```
#c77c81 rgb(199,124,129)
```
#ce757b
```
#ce757b rgb(206,117,123)
```
#d56e74
```
#d56e74 rgb(213,110,116)
```
#dc676e
```
#dc676e rgb(220,103,110)
```
#e36068
```
#e36068 rgb(227,96,104)
```
#eb5862
```
#eb5862 rgb(235,88,98)
```
#f2515b
```
#f2515b rgb(242,81,91)
```
#f94a55
```
#f94a55 rgb(249,74,85)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#987577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999073 Protanopia 1% of men
#af8a52 Deuteranopia 1% of men
#f95458 Tritanopia 0.001% of the population

Trichromacy

#bc7668 Protanomaly 1% of men, 0.01% of women
#ca7353 Deuteranomaly 6% of men, 0.4% of women
#f95057 Tritanomaly 0.01% of the population

#f94a55 hex color

#f94a55 Color Information

#f94a55 Color Conversion

Color Schemes with #f94a55

Alternatives to #f94a55

#f94a55 Preview

Shades and Tints of #f94a55

Tones of #f94a55

Color Blindness Simulator