#f18f6b hex color

In a RGB color space, hex #f18f6b is composed of 94.5% red, 56.1% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.7% magenta, 55.6% yellow and 5.5% black. It has a hue angle of 16.1 degrees, a saturation of 82.7% and a lightness of 68.2%. #f18f6b color hex could be obtained by blending #ffffd6 with #e31f00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 56
- B 42
RGB color chart
- C 0
- M 41
- Y 56
- K 5
CMYK color chart

● #f18f6b color description : Soft orange.

The hexadecimal color #f18f6b has RGB values of R:241, G:143, B:107 and CMYK values of C:0, M:0.41, Y:0.56, K:0.05. Its decimal value is 15830891.

Hex triplet	f18f6b	`#f18f6b`
RGB Decimal	241, 143, 107	`rgb(241,143,107)`
RGB Percent	94.5, 56.1, 42	`rgb(94.5%,56.1%,42%)`
CMYK	0, 41, 56, 5
HSL	16.1°, 82.7, 68.2	`hsl(16.1,82.7%,68.2%)`
HSV (or HSB)	16.1°, 55.6, 94.5
Web Safe	ff9966	`#ff9966`

CIE-LAB	69.048, 33.658, 34.973
XYZ	48.753, 39.411, 18.949
xyY	0.455, 0.368, 39.411
CIE-LCH	69.048, 48.538, 46.098
CIE-LUV	69.048, 73.644, 36.56
Hunter-Lab	62.778, 28.76, 26.049
Binary	11110001, 10001111, 01101011

#f18f6b
```
#f18f6b rgb(241,143,107)
```
#6bcdf1
```
#6bcdf1 rgb(107,205,241)
```

Complementary Color

#f16b8a
```
#f16b8a rgb(241,107,138)
```
#f18f6b
```
#f18f6b rgb(241,143,107)
```
#f1d26b
```
#f1d26b rgb(241,210,107)
```

Analogous Color

#6b8af1
```
#6b8af1 rgb(107,138,241)
```
#f18f6b
```
#f18f6b rgb(241,143,107)
```
#6bf1d2
```
#6bf1d2 rgb(107,241,210)
```

Split Complementary Color

#8f6bf1
```
#8f6bf1 rgb(143,107,241)
```
#f18f6b
```
#f18f6b rgb(241,143,107)
```
#6bf18f
```
#6bf18f rgb(107,241,143)
```

Triadic Color

#f16bcd
```
#f16bcd rgb(241,107,205)
```
#f18f6b
```
#f18f6b rgb(241,143,107)
```
#6bf18f
```
#6bf18f rgb(107,241,143)
```
#6bcdf1
```
#6bcdf1 rgb(107,205,241)
```

Tetradic Color

#ea5a25
```
#ea5a25 rgb(234,90,37)
```
#ed6c3c
```
#ed6c3c rgb(237,108,60)
```
#ef7d54
```
#ef7d54 rgb(239,125,84)
```
#f18f6b
```
#f18f6b rgb(241,143,107)
```
#f3a182
```
#f3a182 rgb(243,161,130)
```
#f5b29a
```
#f5b29a rgb(245,178,154)
```
#f8c4b1
```
#f8c4b1 rgb(248,196,177)
```

Monochromatic Color

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

#f16e6b
```
#f16e6b rgb(241,110,107)
```
#f1796b
```
#f1796b rgb(241,121,107)
```
#f1846b
```
#f1846b rgb(241,132,107)
```
#f18f6b
```
#f18f6b rgb(241,143,107)
```
#f19a6b
```
#f19a6b rgb(241,154,107)
```
#f1a56b
```
#f1a56b rgb(241,165,107)
```
#f1b16b
```
#f1b16b rgb(241,177,107)
```

Similar Colors

Text with hexadecimal color #f18f6b

This text has a font color of #f18f6b.

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

#f18f6b background color

This paragraph has a background color of #f18f6b.

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

#f18f6b border color

This element has a border color of #f18f6b.

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

CSS codes

.text {color:#f18f6b;}

.background {background-color:#f18f6b;}

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

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, #0d0401 is the darkest color, while #fffbfa is the lightest one.

#0d0401
```
#0d0401 rgb(13,4,1)
```
#1f0b03
```
#1f0b03 rgb(31,11,3)
```
#311105
```
#311105 rgb(49,17,5)
```
#431706
```
#431706 rgb(67,23,6)
```
#551d08
```
#551d08 rgb(85,29,8)
```
#67230a
```
#67230a rgb(103,35,10)
```
#79290b
```
#79290b rgb(121,41,11)
```
#8b2f0d
```
#8b2f0d rgb(139,47,13)
```
#9d350f
```
#9d350f rgb(157,53,15)
```
#af3b11
```
#af3b11 rgb(175,59,17)
```
#c04112
```
#c04112 rgb(192,65,18)
```
#d24714
```
#d24714 rgb(210,71,20)
```
#e44d16
```
#e44d16 rgb(228,77,22)
```

Shade Color Variation

#ea5923
```
#ea5923 rgb(234,89,35)
```
#ec6635
```
#ec6635 rgb(236,102,53)
```
#ee7447
```
#ee7447 rgb(238,116,71)
```
#ef8159
```
#ef8159 rgb(239,129,89)
```
#f18f6b
```
#f18f6b rgb(241,143,107)
```
#f39d7d
```
#f39d7d rgb(243,157,125)
```
#f4aa8f
```
#f4aa8f rgb(244,170,143)
```
#f6b8a1
```
#f6b8a1 rgb(246,184,161)
```
#f8c5b3
```
#f8c5b3 rgb(248,197,179)
```
#f9d3c5
```
#f9d3c5 rgb(249,211,197)
```
#fbe0d7
```
#fbe0d7 rgb(251,224,215)
```
#fdeee8
```
#fdeee8 rgb(253,238,232)
```
#fffbfa
```
#fffbfa rgb(255,251,250)
```

Tint Color Variation

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

#b3aca9
```
#b3aca9 rgb(179,172,169)
```
#b9a9a3
```
#b9a9a3 rgb(185,169,163)
```
#bfa69d
```
#bfa69d rgb(191,166,157)
```
#c5a397
```
#c5a397 rgb(197,163,151)
```
#cca090
```
#cca090 rgb(204,160,144)
```
#d29d8a
```
#d29d8a rgb(210,157,138)
```
#d89b84
```
#d89b84 rgb(216,155,132)
```
#de987e
```
#de987e rgb(222,152,126)
```
#e59577
```
#e59577 rgb(229,149,119)
```
#eb9271
```
#eb9271 rgb(235,146,113)
```
#f18f6b
```
#f18f6b rgb(241,143,107)
```
#f78c65
```
#f78c65 rgb(247,140,101)
```
#fd895f
```
#fd895f rgb(253,137,95)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b7a39c Atypical Achromatopsia 0.001% of the population

Dichromacy

#baac7b Protanopia 1% of men
#cfa56e Deuteranopia 1% of men
#f48f99 Tritanopia 0.001% of the population

Trichromacy

#cea175 Protanomaly 1% of men, 0.01% of women
#db9d6c Deuteranomaly 6% of men, 0.4% of women
#f38f88 Tritanomaly 0.01% of the population

#f18f6b hex color

#f18f6b Color Information

#f18f6b Color Conversion

Color Schemes with #f18f6b

Alternatives to #f18f6b

#f18f6b Preview

Shades and Tints of #f18f6b

Tones of #f18f6b

Color Blindness Simulator