#f2645f hex color

In a RGB color space, hex #f2645f is composed of 94.9% red, 39.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.7% magenta, 60.7% yellow and 5.1% black. It has a hue angle of 2 degrees, a saturation of 85% and a lightness of 66.1%. #f2645f color hex could be obtained by blending #ffc8be with #e50000. Closest websafe color is: #ff6666.

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

● #f2645f color description : Soft red.

The hexadecimal color #f2645f has RGB values of R:242, G:100, B:95 and CMYK values of C:0, M:0.59, Y:0.61, K:0.05. Its decimal value is 15885407.

Hex triplet	f2645f	`#f2645f`
RGB Decimal	242, 100, 95	`rgb(242,100,95)`
RGB Percent	94.9, 39.2, 37.3	`rgb(94.9%,39.2%,37.3%)`
CMYK	0, 59, 61, 5
HSL	2°, 85, 66.1	`hsl(2,85%,66.1%)`
HSV (or HSB)	2°, 60.7, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	60.624, 54.279, 30.897
XYZ	43.242, 28.822, 14.112
xyY	0.502, 0.334, 28.822
CIE-LCH	60.624, 62.457, 29.65
CIE-LUV	60.624, 107.29, 25.63
Hunter-Lab	53.686, 49.824, 21.995
Binary	11110010, 01100100, 01011111

#f2645f
```
#f2645f rgb(242,100,95)
```
#5fedf2
```
#5fedf2 rgb(95,237,242)
```

Complementary Color

#f25fa4
```
#f25fa4 rgb(242,95,164)
```
#f2645f
```
#f2645f rgb(242,100,95)
```
#f2ae5f
```
#f2ae5f rgb(242,174,95)
```

Analogous Color

#5fa4f2
```
#5fa4f2 rgb(95,164,242)
```
#f2645f
```
#f2645f rgb(242,100,95)
```
#5ff2ae
```
#5ff2ae rgb(95,242,174)
```

Split Complementary Color

#645ff2
```
#645ff2 rgb(100,95,242)
```
#f2645f
```
#f2645f rgb(242,100,95)
```
#5ff264
```
#5ff264 rgb(95,242,100)
```

Triadic Color

#f25fed
```
#f25fed rgb(242,95,237)
```
#f2645f
```
#f2645f rgb(242,100,95)
```
#5ff264
```
#5ff264 rgb(95,242,100)
```
#5fedf2
```
#5fedf2 rgb(95,237,242)
```

Tetradic Color

#ec1f18
```
#ec1f18 rgb(236,31,24)
```
#ee3630
```
#ee3630 rgb(238,54,48)
```
#f04d47
```
#f04d47 rgb(240,77,71)
```
#f2645f
```
#f2645f rgb(242,100,95)
```
#f47b77
```
#f47b77 rgb(244,123,119)
```
#f6928e
```
#f6928e rgb(246,146,142)
```
#f8a9a6
```
#f8a9a6 rgb(248,169,166)
```

Monochromatic Color

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

#f25f7f
```
#f25f7f rgb(242,95,127)
```
#f25f73
```
#f25f73 rgb(242,95,115)
```
#f25f66
```
#f25f66 rgb(242,95,102)
```
#f2645f
```
#f2645f rgb(242,100,95)
```
#f2705f
```
#f2705f rgb(242,112,95)
```
#f27d5f
```
#f27d5f rgb(242,125,95)
```
#f2895f
```
#f2895f rgb(242,137,95)
```

Similar Colors

Text with hexadecimal color #f2645f

This text has a font color of #f2645f.

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

#f2645f background color

This paragraph has a background color of #f2645f.

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

#f2645f border color

This element has a border color of #f2645f.

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

CSS codes

.text {color:#f2645f;}

.background {background-color:#f2645f;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#150202
```
#150202 rgb(21,2,2)
```
#280403
```
#280403 rgb(40,4,3)
```
#3a0605
```
#3a0605 rgb(58,6,5)
```
#4c0906
```
#4c0906 rgb(76,9,6)
```
#5e0b08
```
#5e0b08 rgb(94,11,8)
```
#700d09
```
#700d09 rgb(112,13,9)
```
#820f0b
```
#820f0b rgb(130,15,11)
```
#94110c
```
#94110c rgb(148,17,12)
```
#a7130e
```
#a7130e rgb(167,19,14)
```
#b9150f
```
#b9150f rgb(185,21,15)
```
#cb1710
```
#cb1710 rgb(203,23,16)
```
#dd1912
```
#dd1912 rgb(221,25,18)
```

Shade Color Variation

#ec1e16
```
#ec1e16 rgb(236,30,22)
```
#ee2f29
```
#ee2f29 rgb(238,47,41)
```
#ef413b
```
#ef413b rgb(239,65,59)
```
#f1524d
```
#f1524d rgb(241,82,77)
```
#f2645f
```
#f2645f rgb(242,100,95)
```
#f37671
```
#f37671 rgb(243,118,113)
```
#f58783
```
#f58783 rgb(245,135,131)
```
#f69995
```
#f69995 rgb(246,153,149)
```
#f8aaa8
```
#f8aaa8 rgb(248,170,168)
```
#f9bcba
```
#f9bcba rgb(249,188,186)
```
#fbcdcc
```
#fbcdcc rgb(251,205,204)
```
#fcdfde
```
#fcdfde rgb(252,223,222)
```
#fef1f0
```
#fef1f0 rgb(254,241,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 #f95e58 is the most saturated one.

#a9a8a8
```
#a9a8a8 rgb(169,168,168)
```
#afa2a2
```
#afa2a2 rgb(175,162,162)
```
#b69c9b
```
#b69c9b rgb(182,156,155)
```
#bd9694
```
#bd9694 rgb(189,150,148)
```
#c38f8e
```
#c38f8e rgb(195,143,142)
```
#ca8987
```
#ca8987 rgb(202,137,135)
```
#d18380
```
#d18380 rgb(209,131,128)
```
#d77d7a
```
#d77d7a rgb(215,125,122)
```
#de7773
```
#de7773 rgb(222,119,115)
```
#e5706c
```
#e5706c rgb(229,112,108)
```
#eb6a66
```
#eb6a66 rgb(235,106,102)
```
#f2645f
```
#f2645f rgb(242,100,95)
```
#f95e58
```
#f95e58 rgb(249,94,88)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a28685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19777 Protanopia 1% of men
#b6915e Deuteranopia 1% of men
#f36a70 Tritanopia 0.001% of the population

Trichromacy

#be846e Protanomaly 1% of men, 0.01% of women
#cc805e Deuteranomaly 6% of men, 0.4% of women
#f2686a Tritanomaly 0.01% of the population

#f2645f hex color

#f2645f Color Information

#f2645f Color Conversion

Color Schemes with #f2645f

Alternatives to #f2645f

#f2645f Preview

Shades and Tints of #f2645f

Tones of #f2645f

Color Blindness Simulator