#f18d3c hex color

In a RGB color space, hex #f18d3c is composed of 94.5% red, 55.3% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.5% magenta, 75.1% yellow and 5.5% black. It has a hue angle of 26.9 degrees, a saturation of 86.6% and a lightness of 59%. #f18d3c color hex could be obtained by blending #ffff78 with #e31b00. Closest websafe color is: #ff9933.

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

● #f18d3c color description : Bright orange.

The hexadecimal color #f18d3c has RGB values of R:241, G:141, B:60 and CMYK values of C:0, M:0.41, Y:0.75, K:0.05. Its decimal value is 15830332.

Hex triplet	f18d3c	`#f18d3c`
RGB Decimal	241, 141, 60	`rgb(241,141,60)`
RGB Percent	94.5, 55.3, 23.5	`rgb(94.5%,55.3%,23.5%)`
CMYK	0, 41, 75, 5
HSL	26.9°, 86.6, 59	`hsl(26.9,86.6%,59%)`
HSV (or HSB)	26.9°, 75.1, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	68.08, 31.899, 57.299
XYZ	46.618, 38.081, 9.17
xyY	0.497, 0.406, 38.081
CIE-LCH	68.08, 65.58, 60.895
CIE-LUV	68.08, 80.637, 55.531
Hunter-Lab	61.709, 26.854, 34.386
Binary	11110001, 10001101, 00111100

#f18d3c
```
#f18d3c rgb(241,141,60)
```
#3ca0f1
```
#3ca0f1 rgb(60,160,241)
```

Complementary Color

#f13c46
```
#f13c46 rgb(241,60,70)
```
#f18d3c
```
#f18d3c rgb(241,141,60)
```
#f1e83c
```
#f1e83c rgb(241,232,60)
```

Analogous Color

#3c46f1
```
#3c46f1 rgb(60,70,241)
```
#f18d3c
```
#f18d3c rgb(241,141,60)
```
#3cf1e8
```
#3cf1e8 rgb(60,241,232)
```

Split Complementary Color

#8d3cf1
```
#8d3cf1 rgb(141,60,241)
```
#f18d3c
```
#f18d3c rgb(241,141,60)
```
#3cf18d
```
#3cf18d rgb(60,241,141)
```

Triadic Color

#f13ca0
```
#f13ca0 rgb(241,60,160)
```
#f18d3c
```
#f18d3c rgb(241,141,60)
```
#3cf18d
```
#3cf18d rgb(60,241,141)
```
#3ca0f1
```
#3ca0f1 rgb(60,160,241)
```

Tetradic Color

#d1660f
```
#d1660f rgb(209,102,15)
```
#e97211
```
#e97211 rgb(233,114,17)
```
#ef7f24
```
#ef7f24 rgb(239,127,36)
```
#f18d3c
```
#f18d3c rgb(241,141,60)
```
#f39b54
```
#f39b54 rgb(243,155,84)
```
#f4a96c
```
#f4a96c rgb(244,169,108)
```
#f6b783
```
#f6b783 rgb(246,183,131)
```

Monochromatic Color

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

#f1603c
```
#f1603c rgb(241,96,60)
```
#f16f3c
```
#f16f3c rgb(241,111,60)
```
#f17e3c
```
#f17e3c rgb(241,126,60)
```
#f18d3c
```
#f18d3c rgb(241,141,60)
```
#f19c3c
```
#f19c3c rgb(241,156,60)
```
#f1ab3c
```
#f1ab3c rgb(241,171,60)
```
#f1ba3c
```
#f1ba3c rgb(241,186,60)
```

Similar Colors

Text with hexadecimal color #f18d3c

This text has a font color of #f18d3c.

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

#f18d3c background color

This paragraph has a background color of #f18d3c.

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

#f18d3c border color

This element has a border color of #f18d3c.

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

CSS codes

.text {color:#f18d3c;}

.background {background-color:#f18d3c;}

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

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

#060300
```
#060300 rgb(6,3,0)
```
#190c02
```
#190c02 rgb(25,12,2)
```
#2b1503
```
#2b1503 rgb(43,21,3)
```
#3d1e04
```
#3d1e04 rgb(61,30,4)
```
#502706
```
#502706 rgb(80,39,6)
```
#623007
```
#623007 rgb(98,48,7)
```
#743908
```
#743908 rgb(116,57,8)
```
#86410a
```
#86410a rgb(134,65,10)
```
#994a0b
```
#994a0b rgb(153,74,11)
```
#ab530c
```
#ab530c rgb(171,83,12)
```
#bd5c0e
```
#bd5c0e rgb(189,92,14)
```
#d0650f
```
#d0650f rgb(208,101,15)
```
#e26e10
```
#e26e10 rgb(226,110,16)
```

Shade Color Variation

#ee7817
```
#ee7817 rgb(238,120,23)
```
#f0822a
```
#f0822a rgb(240,130,42)
```
#f18d3c
```
#f18d3c rgb(241,141,60)
```
#f2984e
```
#f2984e rgb(242,152,78)
```
#f4a261
```
#f4a261 rgb(244,162,97)
```
#f5ad73
```
#f5ad73 rgb(245,173,115)
```
#f6b885
```
#f6b885 rgb(246,184,133)
```
#f8c298
```
#f8c298 rgb(248,194,152)
```
#f9cdaa
```
#f9cdaa rgb(249,205,170)
```
#fad8bc
```
#fad8bc rgb(250,216,188)
```
#fce3ce
```
#fce3ce rgb(252,227,206)
```
#fdede1
```
#fdede1 rgb(253,237,225)
```
#fef8f3
```
#fef8f3 rgb(254,248,243)
```

Tint Color Variation

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

#999694
```
#999694 rgb(153,150,148)
```
#a1958c
```
#a1958c rgb(161,149,140)
```
#a99584
```
#a99584 rgb(169,149,132)
```
#b1947c
```
#b1947c rgb(177,148,124)
```
#b99374
```
#b99374 rgb(185,147,116)
```
#c1926c
```
#c1926c rgb(193,146,108)
```
#c99164
```
#c99164 rgb(201,145,100)
```
#d1905c
```
#d1905c rgb(209,144,92)
```
#d99054
```
#d99054 rgb(217,144,84)
```
#e18f4c
```
#e18f4c rgb(225,143,76)
```
#e98e44
```
#e98e44 rgb(233,142,68)
```
#f18d3c
```
#f18d3c rgb(241,141,60)
```
#f98c34
```
#f98c34 rgb(249,140,52)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b29e8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcaa4c Protanopia 1% of men
#d3a240 Deuteranopia 1% of men
#f68a93 Tritanopia 0.001% of the population

Trichromacy

#cf9f46 Protanomaly 1% of men, 0.01% of women
#dd9a3e Deuteranomaly 6% of men, 0.4% of women
#f48b73 Tritanomaly 0.01% of the population

#f18d3c hex color

#f18d3c Color Information

#f18d3c Color Conversion

Color Schemes with #f18d3c

Alternatives to #f18d3c

#f18d3c Preview

Shades and Tints of #f18d3c

Tones of #f18d3c

Color Blindness Simulator