#f2845f hex color

In a RGB color space, hex #f2845f is composed of 94.9% red, 51.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 60.7% yellow and 5.1% black. It has a hue angle of 15.1 degrees, a saturation of 85% and a lightness of 66.1%. #f2845f color hex could be obtained by blending #ffffbe with #e50900. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 52
- B 37
RGB color chart
- C 0
- M 45
- Y 61
- K 5
CMYK color chart

● #f2845f color description : Soft orange.

The hexadecimal color #f2845f has RGB values of R:242, G:132, B:95 and CMYK values of C:0, M:0.45, Y:0.61, K:0.05. Its decimal value is 15893599.

Hex triplet	f2845f	`#f2845f`
RGB Decimal	242, 132, 95	`rgb(242,132,95)`
RGB Percent	94.9, 51.8, 37.3	`rgb(94.9%,51.8%,37.3%)`
CMYK	0, 45, 61, 5
HSL	15.1°, 85, 66.1	`hsl(15.1,85%,66.1%)`
HSV (or HSB)	15.1°, 60.7, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	66.68, 38.829, 38.476
XYZ	46.936, 36.21, 15.343
xyY	0.477, 0.368, 36.21
CIE-LCH	66.68, 54.663, 44.738
CIE-LUV	66.68, 84.346, 38.12
Hunter-Lab	60.175, 33.924, 27.005
Binary	11110010, 10000100, 01011111

#f2845f
```
#f2845f rgb(242,132,95)
```
#5fcdf2
```
#5fcdf2 rgb(95,205,242)
```

Complementary Color

#f25f84
```
#f25f84 rgb(242,95,132)
```
#f2845f
```
#f2845f rgb(242,132,95)
```
#f2ce5f
```
#f2ce5f rgb(242,206,95)
```

Analogous Color

#5f84f2
```
#5f84f2 rgb(95,132,242)
```
#f2845f
```
#f2845f rgb(242,132,95)
```
#5ff2ce
```
#5ff2ce rgb(95,242,206)
```

Split Complementary Color

#845ff2
```
#845ff2 rgb(132,95,242)
```
#f2845f
```
#f2845f rgb(242,132,95)
```
#5ff284
```
#5ff284 rgb(95,242,132)
```

Triadic Color

#f25fcd
```
#f25fcd rgb(242,95,205)
```
#f2845f
```
#f2845f rgb(242,132,95)
```
#5ff284
```
#5ff284 rgb(95,242,132)
```
#5fcdf2
```
#5fcdf2 rgb(95,205,242)
```

Tetradic Color

#ec4e18
```
#ec4e18 rgb(236,78,24)
```
#ee6030
```
#ee6030 rgb(238,96,48)
```
#f07247
```
#f07247 rgb(240,114,71)
```
#f2845f
```
#f2845f rgb(242,132,95)
```
#f49677
```
#f49677 rgb(244,150,119)
```
#f6a88e
```
#f6a88e rgb(246,168,142)
```
#f8baa6
```
#f8baa6 rgb(248,186,166)
```

Monochromatic Color

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

#f25f5f
```
#f25f5f rgb(242,95,95)
```
#f26c5f
```
#f26c5f rgb(242,108,95)
```
#f2785f
```
#f2785f rgb(242,120,95)
```
#f2845f
```
#f2845f rgb(242,132,95)
```
#f2905f
```
#f2905f rgb(242,144,95)
```
#f29d5f
```
#f29d5f rgb(242,157,95)
```
#f2a95f
```
#f2a95f rgb(242,169,95)
```

Similar Colors

Text with hexadecimal color #f2845f

This text has a font color of #f2845f.

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

#f2845f background color

This paragraph has a background color of #f2845f.

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

#f2845f border color

This element has a border color of #f2845f.

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

CSS codes

.text {color:#f2845f;}

.background {background-color:#f2845f;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150702
```
#150702 rgb(21,7,2)
```
#280c03
```
#280c03 rgb(40,12,3)
```
#3a1205
```
#3a1205 rgb(58,18,5)
```
#4c1806
```
#4c1806 rgb(76,24,6)
```
#5e1d08
```
#5e1d08 rgb(94,29,8)
```
#702309
```
#702309 rgb(112,35,9)
```
#82290b
```
#82290b rgb(130,41,11)
```
#942e0c
```
#942e0c rgb(148,46,12)
```
#a7340e
```
#a7340e rgb(167,52,14)
```
#b93a0f
```
#b93a0f rgb(185,58,15)
```
#cb3f10
```
#cb3f10 rgb(203,63,16)
```
#dd4512
```
#dd4512 rgb(221,69,18)
```

Shade Color Variation

#ec4c16
```
#ec4c16 rgb(236,76,22)
```
#ee5a29
```
#ee5a29 rgb(238,90,41)
```
#ef683b
```
#ef683b rgb(239,104,59)
```
#f1764d
```
#f1764d rgb(241,118,77)
```
#f2845f
```
#f2845f rgb(242,132,95)
```
#f39271
```
#f39271 rgb(243,146,113)
```
#f5a083
```
#f5a083 rgb(245,160,131)
```
#f6ae95
```
#f6ae95 rgb(246,174,149)
```
#f8bca8
```
#f8bca8 rgb(248,188,168)
```
#f9caba
```
#f9caba rgb(249,202,186)
```
#fbd8cc
```
#fbd8cc rgb(251,216,204)
```
#fce6de
```
#fce6de rgb(252,230,222)
```
#fef4f0
```
#fef4f0 rgb(254,244,240)
```

Tint Color Variation

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

#a9a8a8
```
#a9a8a8 rgb(169,168,168)
```
#afa5a2
```
#afa5a2 rgb(175,165,162)
```
#b6a29b
```
#b6a29b rgb(182,162,155)
```
#bd9e94
```
#bd9e94 rgb(189,158,148)
```
#c39b8e
```
#c39b8e rgb(195,155,142)
```
#ca9887
```
#ca9887 rgb(202,152,135)
```
#d19580
```
#d19580 rgb(209,149,128)
```
#d7917a
```
#d7917a rgb(215,145,122)
```
#de8e73
```
#de8e73 rgb(222,142,115)
```
#e58b6c
```
#e58b6c rgb(229,139,108)
```
#eb8766
```
#eb8766 rgb(235,135,102)
```
#f2845f
```
#f2845f rgb(242,132,95)
```
#f98158
```
#f98158 rgb(249,129,88)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#b19b94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a671 Protanopia 1% of men
#ca9f61 Deuteranopia 1% of men
#f5858d Tritanopia 0.001% of the population

Trichromacy

#cb9a6a Protanomaly 1% of men, 0.01% of women
#d89560 Deuteranomaly 6% of men, 0.4% of women
#f4847c Tritanomaly 0.01% of the population

#f2845f hex color

#f2845f Color Information

#f2845f Color Conversion

Color Schemes with #f2845f

Alternatives to #f2845f

#f2845f Preview

Shades and Tints of #f2845f

Tones of #f2845f

Color Blindness Simulator