#f18255 hex color

In a RGB color space, hex #f18255 is composed of 94.5% red, 51% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.1% magenta, 64.7% yellow and 5.5% black. It has a hue angle of 17.3 degrees, a saturation of 84.8% and a lightness of 63.9%. #f18255 color hex could be obtained by blending #ffffaa with #e30500. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 51
- B 33
RGB color chart
- C 0
- M 46
- Y 65
- K 5
CMYK color chart

● #f18255 color description : Soft orange.

The hexadecimal color #f18255 has RGB values of R:241, G:130, B:85 and CMYK values of C:0, M:0.46, Y:0.65, K:0.05. Its decimal value is 15827541.

Hex triplet	f18255	`#f18255`
RGB Decimal	241, 130, 85	`rgb(241,130,85)`
RGB Percent	94.5, 51, 33.3	`rgb(94.5%,51%,33.3%)`
CMYK	0, 46, 65, 5
HSL	17.3°, 84.8, 63.9	`hsl(17.3,84.8%,63.9%)`
HSV (or HSB)	17.3°, 64.7, 94.5
Web Safe	ff9966	`#ff9966`

CIE-LAB	66.002, 38.822, 42.912
XYZ	45.899, 35.326, 12.995
xyY	0.487, 0.375, 35.326
CIE-LCH	66.002, 57.867, 47.865
CIE-LUV	66.002, 86.491, 41.887
Hunter-Lab	59.435, 33.835, 28.641
Binary	11110001, 10000010, 01010101

#f18255
```
#f18255 rgb(241,130,85)
```
#55c4f1
```
#55c4f1 rgb(85,196,241)
```

Complementary Color

#f15576
```
#f15576 rgb(241,85,118)
```
#f18255
```
#f18255 rgb(241,130,85)
```
#f1d055
```
#f1d055 rgb(241,208,85)
```

Analogous Color

#5576f1
```
#5576f1 rgb(85,118,241)
```
#f18255
```
#f18255 rgb(241,130,85)
```
#55f1d0
```
#55f1d0 rgb(85,241,208)
```

Split Complementary Color

#8255f1
```
#8255f1 rgb(130,85,241)
```
#f18255
```
#f18255 rgb(241,130,85)
```
#55f182
```
#55f182 rgb(85,241,130)
```

Triadic Color

#f155c4
```
#f155c4 rgb(241,85,196)
```
#f18255
```
#f18255 rgb(241,130,85)
```
#55f182
```
#55f182 rgb(85,241,130)
```
#55c4f1
```
#55c4f1 rgb(85,196,241)
```

Tetradic Color

#e75013
```
#e75013 rgb(231,80,19)
```
#ed5f26
```
#ed5f26 rgb(237,95,38)
```
#ef713d
```
#ef713d rgb(239,113,61)
```
#f18255
```
#f18255 rgb(241,130,85)
```
#f3936d
```
#f3936d rgb(243,147,109)
```
#f5a584
```
#f5a584 rgb(245,165,132)
```
#f7b69c
```
#f7b69c rgb(247,182,156)
```

Monochromatic Color

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

#f15b55
```
#f15b55 rgb(241,91,85)
```
#f16855
```
#f16855 rgb(241,104,85)
```
#f17555
```
#f17555 rgb(241,117,85)
```
#f18255
```
#f18255 rgb(241,130,85)
```
#f18f55
```
#f18f55 rgb(241,143,85)
```
#f19c55
```
#f19c55 rgb(241,156,85)
```
#f1a955
```
#f1a955 rgb(241,169,85)
```

Similar Colors

Text with hexadecimal color #f18255

This text has a font color of #f18255.

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

#f18255 background color

This paragraph has a background color of #f18255.

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

#f18255 border color

This element has a border color of #f18255.

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

CSS codes

.text {color:#f18255;}

.background {background-color:#f18255;}

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

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

#0b0401
```
#0b0401 rgb(11,4,1)
```
#1d0a02
```
#1d0a02 rgb(29,10,2)
```
#2f1004
```
#2f1004 rgb(47,16,4)
```
#421705
```
#421705 rgb(66,23,5)
```
#541d07
```
#541d07 rgb(84,29,7)
```
#662308
```
#662308 rgb(102,35,8)
```
#782a0a
```
#782a0a rgb(120,42,10)
```
#8a300b
```
#8a300b rgb(138,48,11)
```
#9c360d
```
#9c360d rgb(156,54,13)
```
#ae3d0e
```
#ae3d0e rgb(174,61,14)
```
#c04310
```
#c04310 rgb(192,67,16)
```
#d34911
```
#d34911 rgb(211,73,17)
```
#e54f13
```
#e54f13 rgb(229,79,19)
```

Shade Color Variation

#ed5a1f
```
#ed5a1f rgb(237,90,31)
```
#ee6731
```
#ee6731 rgb(238,103,49)
```
#f07543
```
#f07543 rgb(240,117,67)
```
#f18255
```
#f18255 rgb(241,130,85)
```
#f28f67
```
#f28f67 rgb(242,143,103)
```
#f49d79
```
#f49d79 rgb(244,157,121)
```
#f5aa8b
```
#f5aa8b rgb(245,170,139)
```
#f7b79d
```
#f7b79d rgb(247,183,157)
```
#f8c5b0
```
#f8c5b0 rgb(248,197,176)
```
#fad2c2
```
#fad2c2 rgb(250,210,194)
```
#fbdfd4
```
#fbdfd4 rgb(251,223,212)
```
#fdede6
```
#fdede6 rgb(253,237,230)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#aaa09c
```
#aaa09c rgb(170,160,156)
```
#b19d95
```
#b19d95 rgb(177,157,149)
```
#b89a8e
```
#b89a8e rgb(184,154,142)
```
#bf9787
```
#bf9787 rgb(191,151,135)
```
#c7947f
```
#c7947f rgb(199,148,127)
```
#ce9178
```
#ce9178 rgb(206,145,120)
```
#d58e71
```
#d58e71 rgb(213,142,113)
```
#dc8b6a
```
#dc8b6a rgb(220,139,106)
```
#e38863
```
#e38863 rgb(227,136,99)
```
#ea855c
```
#ea855c rgb(234,133,92)
```
#f18255
```
#f18255 rgb(241,130,85)
```
#f87f4e
```
#f87f4e rgb(248,127,78)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#af988f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a567 Protanopia 1% of men
#c99e57 Deuteranopia 1% of men
#f4828b Tritanopia 0.001% of the population

Trichromacy

#ca9860 Protanomaly 1% of men, 0.01% of women
#d79356 Deuteranomaly 6% of men, 0.4% of women
#f38277 Tritanomaly 0.01% of the population

#f18255 hex color

#f18255 Color Information

#f18255 Color Conversion

Color Schemes with #f18255

Alternatives to #f18255

#f18255 Preview

Shades and Tints of #f18255

Tones of #f18255

Color Blindness Simulator