#f18d5f hex color

In a RGB color space, hex #f18d5f is composed of 94.5% red, 55.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.5% magenta, 60.6% yellow and 5.5% black. It has a hue angle of 18.9 degrees, a saturation of 83.9% and a lightness of 65.9%. #f18d5f color hex could be obtained by blending #ffffbe with #e31b00. Closest websafe color is: #ff9966.

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

● #f18d5f color description : Soft orange.

The hexadecimal color #f18d5f has RGB values of R:241, G:141, B:95 and CMYK values of C:0, M:0.41, Y:0.61, K:0.05. Its decimal value is 15830367.

Hex triplet	f18d5f	`#f18d5f`
RGB Decimal	241, 141, 95	`rgb(241,141,95)`
RGB Percent	94.5, 55.3, 37.3	`rgb(94.5%,55.3%,37.3%)`
CMYK	0, 41, 61, 5
HSL	18.9°, 83.9, 65.9	`hsl(18.9,83.9%,65.9%)`
HSV (or HSB)	18.9°, 60.6, 94.5
Web Safe	ff9966	`#ff9966`

CIE-LAB	68.446, 33.812, 40.606
XYZ	47.867, 38.58, 15.752
xyY	0.468, 0.378, 38.58
CIE-LCH	68.446, 52.84, 50.216
CIE-LUV	68.446, 76.8, 41.788
Hunter-Lab	62.113, 28.862, 28.443
Binary	11110001, 10001101, 01011111

#f18d5f
```
#f18d5f rgb(241,141,95)
```
#5fc3f1
```
#5fc3f1 rgb(95,195,241)
```

Complementary Color

#f15f7a
```
#f15f7a rgb(241,95,122)
```
#f18d5f
```
#f18d5f rgb(241,141,95)
```
#f1d65f
```
#f1d65f rgb(241,214,95)
```

Analogous Color

#5f7af1
```
#5f7af1 rgb(95,122,241)
```
#f18d5f
```
#f18d5f rgb(241,141,95)
```
#5ff1d6
```
#5ff1d6 rgb(95,241,214)
```

Split Complementary Color

#8d5ff1
```
#8d5ff1 rgb(141,95,241)
```
#f18d5f
```
#f18d5f rgb(241,141,95)
```
#5ff18d
```
#5ff18d rgb(95,241,141)
```

Triadic Color

#f15fc3
```
#f15fc3 rgb(241,95,195)
```
#f18d5f
```
#f18d5f rgb(241,141,95)
```
#5ff18d
```
#5ff18d rgb(95,241,141)
```
#5fc3f1
```
#5fc3f1 rgb(95,195,241)
```

Tetradic Color

#eb5b19
```
#eb5b19 rgb(235,91,25)
```
#ed6c30
```
#ed6c30 rgb(237,108,48)
```
#ef7c48
```
#ef7c48 rgb(239,124,72)
```
#f18d5f
```
#f18d5f rgb(241,141,95)
```
#f39e76
```
#f39e76 rgb(243,158,118)
```
#f5ae8e
```
#f5ae8e rgb(245,174,142)
```
#f7bfa5
```
#f7bfa5 rgb(247,191,165)
```

Monochromatic Color

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

#f1695f
```
#f1695f rgb(241,105,95)
```
#f1755f
```
#f1755f rgb(241,117,95)
```
#f1815f
```
#f1815f rgb(241,129,95)
```
#f18d5f
```
#f18d5f rgb(241,141,95)
```
#f1995f
```
#f1995f rgb(241,153,95)
```
#f1a55f
```
#f1a55f rgb(241,165,95)
```
#f1b25f
```
#f1b25f rgb(241,178,95)
```

Similar Colors

Text with hexadecimal color #f18d5f

This text has a font color of #f18d5f.

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

#f18d5f background color

This paragraph has a background color of #f18d5f.

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

#f18d5f border color

This element has a border color of #f18d5f.

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

CSS codes

.text {color:#f18d5f;}

.background {background-color:#f18d5f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140802
```
#140802 rgb(20,8,2)
```
#260e03
```
#260e03 rgb(38,14,3)
```
#381505
```
#381505 rgb(56,21,5)
```
#4a1c07
```
#4a1c07 rgb(74,28,7)
```
#5d2308
```
#5d2308 rgb(93,35,8)
```
#6f290a
```
#6f290a rgb(111,41,10)
```
#81300b
```
#81300b rgb(129,48,11)
```
#93370d
```
#93370d rgb(147,55,13)
```
#a53e0e
```
#a53e0e rgb(165,62,14)
```
#b74510
```
#b74510 rgb(183,69,16)
```
#c94b12
```
#c94b12 rgb(201,75,18)
```
#db5213
```
#db5213 rgb(219,82,19)
```

Shade Color Variation

#eb5a17
```
#eb5a17 rgb(235,90,23)
```
#ec6629
```
#ec6629 rgb(236,102,41)
```
#ee733b
```
#ee733b rgb(238,115,59)
```
#ef804d
```
#ef804d rgb(239,128,77)
```
#f18d5f
```
#f18d5f rgb(241,141,95)
```
#f39a71
```
#f39a71 rgb(243,154,113)
```
#f4a783
```
#f4a783 rgb(244,167,131)
```
#f6b495
```
#f6b495 rgb(246,180,149)
```
#f7c0a7
```
#f7c0a7 rgb(247,192,167)
```
#f9cdb9
```
#f9cdb9 rgb(249,205,185)
```
#fadacb
```
#fadacb rgb(250,218,203)
```
#fce7dd
```
#fce7dd rgb(252,231,221)
```
#fef4ef
```
#fef4ef rgb(254,244,239)
```

Tint Color Variation

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

#aea6a2
```
#aea6a2 rgb(174,166,162)
```
#b5a39b
```
#b5a39b rgb(181,163,155)
```
#bba195
```
#bba195 rgb(187,161,149)
```
#c29e8e
```
#c29e8e rgb(194,158,142)
```
#c99c87
```
#c99c87 rgb(201,156,135)
```
#d09980
```
#d09980 rgb(208,153,128)
```
#d6977a
```
#d6977a rgb(214,151,122)
```
#dd9473
```
#dd9473 rgb(221,148,115)
```
#e4926c
```
#e4926c rgb(228,146,108)
```
#ea8f66
```
#ea8f66 rgb(234,143,102)
```
#f18d5f
```
#f18d5f rgb(241,141,95)
```
#f88b58
```
#f88b58 rgb(248,139,88)
```
#fe8852
```
#fe8852 rgb(254,136,82)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b5a198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baab6f Protanopia 1% of men
#cfa462 Deuteranopia 1% of men
#f58c96 Tritanopia 0.001% of the population

Trichromacy

#cea069 Protanomaly 1% of men, 0.01% of women
#db9b61 Deuteranomaly 6% of men, 0.4% of women
#f38c82 Tritanomaly 0.01% of the population

#f18d5f hex color

#f18d5f Color Information

#f18d5f Color Conversion

Color Schemes with #f18d5f

Alternatives to #f18d5f

#f18d5f Preview

Shades and Tints of #f18d5f

Tones of #f18d5f

Color Blindness Simulator