#f04138 hex color

In a RGB color space, hex #f04138 is composed of 94.1% red, 25.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 76.7% yellow and 5.9% black. It has a hue angle of 2.9 degrees, a saturation of 86% and a lightness of 58%. #f04138 color hex could be obtained by blending #ff8270 with #e10000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 94
- G 25
- B 22
RGB color chart
- C 0
- M 73
- Y 77
- K 6
CMYK color chart

● #f04138 color description : Bright red.

The hexadecimal color #f04138 has RGB values of R:240, G:65, B:56 and CMYK values of C:0, M:0.73, Y:0.77, K:0.06. Its decimal value is 15745336.

Hex triplet	f04138	`#f04138`
RGB Decimal	240, 65, 56	`rgb(240,65,56)`
RGB Percent	94.1, 25.5, 22	`rgb(94.1%,25.5%,22%)`
CMYK	0, 73, 77, 6
HSL	2.9°, 86, 58	`hsl(2.9,86%,58%)`
HSV (or HSB)	2.9°, 76.7, 94.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.654, 65.541, 45.401
XYZ	38.541, 22.596, 6.073
xyY	0.573, 0.336, 22.596
CIE-LCH	54.654, 79.73, 34.711
CIE-LUV	54.654, 136.244, 32.397
Hunter-Lab	47.535, 61.539, 25.7
Binary	11110000, 01000001, 00111000

#f04138
```
#f04138 rgb(240,65,56)
```
#38e7f0
```
#38e7f0 rgb(56,231,240)
```

Complementary Color

#f0388b
```
#f0388b rgb(240,56,139)
```
#f04138
```
#f04138 rgb(240,65,56)
```
#f09d38
```
#f09d38 rgb(240,157,56)
```

Analogous Color

#388bf0
```
#388bf0 rgb(56,139,240)
```
#f04138
```
#f04138 rgb(240,65,56)
```
#38f09d
```
#38f09d rgb(56,240,157)
```

Split Complementary Color

#4138f0
```
#4138f0 rgb(65,56,240)
```
#f04138
```
#f04138 rgb(240,65,56)
```
#38f041
```
#38f041 rgb(56,240,65)
```

Triadic Color

#f038e7
```
#f038e7 rgb(240,56,231)
```
#f04138
```
#f04138 rgb(240,65,56)
```
#38f041
```
#38f041 rgb(56,240,65)
```
#38e7f0
```
#38e7f0 rgb(56,231,240)
```

Tetradic Color

#cc190f
```
#cc190f rgb(204,25,15)
```
#e41b11
```
#e41b11 rgb(228,27,17)
```
#ee2a20
```
#ee2a20 rgb(238,42,32)
```
#f04138
```
#f04138 rgb(240,65,56)
```
#f25850
```
#f25850 rgb(242,88,80)
```
#f46e67
```
#f46e67 rgb(244,110,103)
```
#f5857f
```
#f5857f rgb(245,133,127)
```

Monochromatic Color

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

#f0385d
```
#f0385d rgb(240,56,93)
```
#f0384e
```
#f0384e rgb(240,56,78)
```
#f0383e
```
#f0383e rgb(240,56,62)
```
#f04138
```
#f04138 rgb(240,65,56)
```
#f05038
```
#f05038 rgb(240,80,56)
```
#f06038
```
#f06038 rgb(240,96,56)
```
#f06f38
```
#f06f38 rgb(240,111,56)
```

Similar Colors

Text with hexadecimal color #f04138

This text has a font color of #f04138.

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

#f04138 background color

This paragraph has a background color of #f04138.

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

#f04138 border color

This element has a border color of #f04138.

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

CSS codes

.text {color:#f04138;}

.background {background-color:#f04138;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#140201
```
#140201 rgb(20,2,1)
```
#260503
```
#260503 rgb(38,5,3)
```
#380704
```
#380704 rgb(56,7,4)
```
#4b0906
```
#4b0906 rgb(75,9,6)
```
#5d0b07
```
#5d0b07 rgb(93,11,7)
```
#6f0d08
```
#6f0d08 rgb(111,13,8)
```
#81100a
```
#81100a rgb(129,16,10)
```
#94120b
```
#94120b rgb(148,18,11)
```
#a6140c
```
#a6140c rgb(166,20,12)
```
#b8160e
```
#b8160e rgb(184,22,14)
```
#ca180f
```
#ca180f rgb(202,24,15)
```
#dd1b11
```
#dd1b11 rgb(221,27,17)
```

Shade Color Variation

#ed1e14
```
#ed1e14 rgb(237,30,20)
```
#ef3026
```
#ef3026 rgb(239,48,38)
```
#f04138
```
#f04138 rgb(240,65,56)
```
#f1524a
```
#f1524a rgb(241,82,74)
```
#f3645c
```
#f3645c rgb(243,100,92)
```
#f4756f
```
#f4756f rgb(244,117,111)
```
#f58781
```
#f58781 rgb(245,135,129)
```
#f79893
```
#f79893 rgb(247,152,147)
```
#f8a9a5
```
#f8a9a5 rgb(248,169,165)
```
#fabbb8
```
#fabbb8 rgb(250,187,184)
```
#fbccca
```
#fbccca rgb(251,204,202)
```
#fcdedc
```
#fcdedc rgb(252,222,220)
```
#feefee
```
#feefee rgb(254,239,238)
```

Tint Color Variation

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

#959393
```
#959393 rgb(149,147,147)
```
#9e8b8a
```
#9e8b8a rgb(158,139,138)
```
#a68482
```
#a68482 rgb(166,132,130)
```
#ae7c7a
```
#ae7c7a rgb(174,124,122)
```
#b67572
```
#b67572 rgb(182,117,114)
```
#bf6e69
```
#bf6e69 rgb(191,110,105)
```
#c76661
```
#c76661 rgb(199,102,97)
```
#cf5f59
```
#cf5f59 rgb(207,95,89)
```
#d75751
```
#d75751 rgb(215,87,81)
```
#e05048
```
#e05048 rgb(224,80,72)
```
#e84840
```
#e84840 rgb(232,72,64)
```
#f04138
```
#f04138 rgb(240,65,56)
```
#f83a30
```
#f83a30 rgb(248,58,48)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#8d6a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958954 Protanopia 1% of men
#a98234 Deuteranopia 1% of men
#f1494c Tritanopia 0.001% of the population

Trichromacy

#b66e4a Protanomaly 1% of men, 0.01% of women
#c36a35 Deuteranomaly 6% of men, 0.4% of women
#f04644 Tritanomaly 0.01% of the population

#f04138 hex color

#f04138 Color Information

#f04138 Color Conversion

Color Schemes with #f04138

Alternatives to #f04138

#f04138 Preview

Shades and Tints of #f04138

Tones of #f04138

Color Blindness Simulator