#f2785f hex color

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

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

● #f2785f color description : Soft red.

The hexadecimal color #f2785f has RGB values of R:242, G:120, B:95 and CMYK values of C:0, M:0.5, Y:0.61, K:0.05. Its decimal value is 15890527.

Hex triplet	f2785f	`#f2785f`
RGB Decimal	242, 120, 95	`rgb(242,120,95)`
RGB Percent	94.9, 47.1, 37.3	`rgb(94.9%,47.1%,37.3%)`
CMYK	0, 50, 61, 5
HSL	10.2°, 85, 66.1	`hsl(10.2,85%,66.1%)`
HSV (or HSB)	10.2°, 60.7, 94.9
Web Safe	ff6666	`#ff6666`

CIE-LAB	64.274, 44.842, 35.498
XYZ	45.401, 33.14, 14.832
xyY	0.486, 0.355, 33.14
CIE-LCH	64.274, 57.192, 38.366
CIE-LUV	64.274, 93.197, 33.236
Hunter-Lab	57.568, 40.032, 25.022
Binary	11110010, 01111000, 01011111

#f2785f
```
#f2785f rgb(242,120,95)
```
#5fd9f2
```
#5fd9f2 rgb(95,217,242)
```

Complementary Color

#f25f90
```
#f25f90 rgb(242,95,144)
```
#f2785f
```
#f2785f rgb(242,120,95)
```
#f2c25f
```
#f2c25f rgb(242,194,95)
```

Analogous Color

#5f90f2
```
#5f90f2 rgb(95,144,242)
```
#f2785f
```
#f2785f rgb(242,120,95)
```
#5ff2c2
```
#5ff2c2 rgb(95,242,194)
```

Split Complementary Color

#785ff2
```
#785ff2 rgb(120,95,242)
```
#f2785f
```
#f2785f rgb(242,120,95)
```
#5ff278
```
#5ff278 rgb(95,242,120)
```

Triadic Color

#f25fd9
```
#f25fd9 rgb(242,95,217)
```
#f2785f
```
#f2785f rgb(242,120,95)
```
#5ff278
```
#5ff278 rgb(95,242,120)
```
#5fd9f2
```
#5fd9f2 rgb(95,217,242)
```

Tetradic Color

#ec3c18
```
#ec3c18 rgb(236,60,24)
```
#ee5030
```
#ee5030 rgb(238,80,48)
```
#f06447
```
#f06447 rgb(240,100,71)
```
#f2785f
```
#f2785f rgb(242,120,95)
```
#f48c77
```
#f48c77 rgb(244,140,119)
```
#f6a08e
```
#f6a08e rgb(246,160,142)
```
#f8b4a6
```
#f8b4a6 rgb(248,180,166)
```

Monochromatic Color

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

#f25f6b
```
#f25f6b rgb(242,95,107)
```
#f2605f
```
#f2605f rgb(242,96,95)
```
#f26c5f
```
#f26c5f rgb(242,108,95)
```
#f2785f
```
#f2785f rgb(242,120,95)
```
#f2845f
```
#f2845f rgb(242,132,95)
```
#f2915f
```
#f2915f rgb(242,145,95)
```
#f29d5f
```
#f29d5f rgb(242,157,95)
```

Similar Colors

Text with hexadecimal color #f2785f

This text has a font color of #f2785f.

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

#f2785f background color

This paragraph has a background color of #f2785f.

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

#f2785f border color

This element has a border color of #f2785f.

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

CSS codes

.text {color:#f2785f;}

.background {background-color:#f2785f;}

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

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 #fef2f0 is the lightest one.

#030100
```
#030100 rgb(3,1,0)
```
#150502
```
#150502 rgb(21,5,2)
```
#280903
```
#280903 rgb(40,9,3)
```
#3a0e05
```
#3a0e05 rgb(58,14,5)
```
#4c1206
```
#4c1206 rgb(76,18,6)
```
#5e1608
```
#5e1608 rgb(94,22,8)
```
#701b09
```
#701b09 rgb(112,27,9)
```
#821f0b
```
#821f0b rgb(130,31,11)
```
#94230c
```
#94230c rgb(148,35,12)
```
#a7280e
```
#a7280e rgb(167,40,14)
```
#b92c0f
```
#b92c0f rgb(185,44,15)
```
#cb3010
```
#cb3010 rgb(203,48,16)
```
#dd3412
```
#dd3412 rgb(221,52,18)
```

Shade Color Variation

#ec3b16
```
#ec3b16 rgb(236,59,22)
```
#ee4a29
```
#ee4a29 rgb(238,74,41)
```
#ef593b
```
#ef593b rgb(239,89,59)
```
#f1694d
```
#f1694d rgb(241,105,77)
```
#f2785f
```
#f2785f rgb(242,120,95)
```
#f38771
```
#f38771 rgb(243,135,113)
```
#f59783
```
#f59783 rgb(245,151,131)
```
#f6a695
```
#f6a695 rgb(246,166,149)
```
#f8b5a8
```
#f8b5a8 rgb(248,181,168)
```
#f9c5ba
```
#f9c5ba rgb(249,197,186)
```
#fbd4cc
```
#fbd4cc rgb(251,212,204)
```
#fce3de
```
#fce3de rgb(252,227,222)
```
#fef2f0
```
#fef2f0 rgb(254,242,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 #f97458 is the most saturated one.

#a9a8a8
```
#a9a8a8 rgb(169,168,168)
```
#afa4a2
```
#afa4a2 rgb(175,164,162)
```
#b6a09b
```
#b6a09b rgb(182,160,155)
```
#bd9b94
```
#bd9b94 rgb(189,155,148)
```
#c3978e
```
#c3978e rgb(195,151,142)
```
#ca9287
```
#ca9287 rgb(202,146,135)
```
#d18e80
```
#d18e80 rgb(209,142,128)
```
#d78a7a
```
#d78a7a rgb(215,138,122)
```
#de8573
```
#de8573 rgb(222,133,115)
```
#e5816c
```
#e5816c rgb(229,129,108)
```
#eb7c66
```
#eb7c66 rgb(235,124,102)
```
#f2785f
```
#f2785f rgb(242,120,95)
```
#f97458
```
#f97458 rgb(249,116,88)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ac938e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada073 Protanopia 1% of men
#c29a60 Deuteranopia 1% of men
#f47b82 Tritanopia 0.001% of the population

Trichromacy

#c6916c Protanomaly 1% of men, 0.01% of women
#d38d5f Deuteranomaly 6% of men, 0.4% of women
#f37a75 Tritanomaly 0.01% of the population

#f2785f hex color

#f2785f Color Information

#f2785f Color Conversion

Color Schemes with #f2785f

Alternatives to #f2785f

#f2785f Preview

Shades and Tints of #f2785f

Tones of #f2785f

Color Blindness Simulator