#f1c170 hex color

In a RGB color space, hex #f1c170 is composed of 94.5% red, 75.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.9% magenta, 53.5% yellow and 5.5% black. It has a hue angle of 37.7 degrees, a saturation of 82.2% and a lightness of 69.2%. #f1c170 color hex could be obtained by blending #ffffe0 with #e38300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 76
- B 44
RGB color chart
- C 0
- M 20
- Y 54
- K 5
CMYK color chart

● #f1c170 color description : Soft orange.

The hexadecimal color #f1c170 has RGB values of R:241, G:193, B:112 and CMYK values of C:0, M:0.2, Y:0.54, K:0.05. Its decimal value is 15843696.

Hex triplet	f1c170	`#f1c170`
RGB Decimal	241, 193, 112	`rgb(241,193,112)`
RGB Percent	94.5, 75.7, 43.9	`rgb(94.5%,75.7%,43.9%)`
CMYK	0, 20, 54, 5
HSL	37.7°, 82.2, 69.2	`hsl(37.7,82.2%,69.2%)`
HSV (or HSB)	37.7°, 53.5, 94.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.746, 7.748, 46.909
XYZ	58.271, 58.013, 23.457
xyY	0.417, 0.415, 58.013
CIE-LCH	80.746, 47.545, 80.621
CIE-LUV	80.746, 37.279, 57.092
Hunter-Lab	76.166, 3.27, 35.057
Binary	11110001, 11000001, 01110000

#f1c170
```
#f1c170 rgb(241,193,112)
```
#70a0f1
```
#70a0f1 rgb(112,160,241)
```

Complementary Color

#f18170
```
#f18170 rgb(241,129,112)
```
#f1c170
```
#f1c170 rgb(241,193,112)
```
#e1f170
```
#e1f170 rgb(225,241,112)
```

Analogous Color

#8170f1
```
#8170f1 rgb(129,112,241)
```
#f1c170
```
#f1c170 rgb(241,193,112)
```
#70e1f1
```
#70e1f1 rgb(112,225,241)
```

Split Complementary Color

#c170f1
```
#c170f1 rgb(193,112,241)
```
#f1c170
```
#f1c170 rgb(241,193,112)
```
#70f1c1
```
#70f1c1 rgb(112,241,193)
```

Triadic Color

#f170a0
```
#f170a0 rgb(241,112,160)
```
#f1c170
```
#f1c170 rgb(241,193,112)
```
#70f1c1
```
#70f1c1 rgb(112,241,193)
```
#70a0f1
```
#70a0f1 rgb(112,160,241)
```

Tetradic Color

#eaa32a
```
#eaa32a rgb(234,163,42)
```
#ecad42
```
#ecad42 rgb(236,173,66)
```
#efb759
```
#efb759 rgb(239,183,89)
```
#f1c170
```
#f1c170 rgb(241,193,112)
```
#f3cb87
```
#f3cb87 rgb(243,203,135)
```
#f6d59e
```
#f6d59e rgb(246,213,158)
```
#f8dfb6
```
#f8dfb6 rgb(248,223,182)
```

Monochromatic Color

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

#f1a170
```
#f1a170 rgb(241,161,112)
```
#f1ac70
```
#f1ac70 rgb(241,172,112)
```
#f1b670
```
#f1b670 rgb(241,182,112)
```
#f1c170
```
#f1c170 rgb(241,193,112)
```
#f1cc70
```
#f1cc70 rgb(241,204,112)
```
#f1d770
```
#f1d770 rgb(241,215,112)
```
#f1e170
```
#f1e170 rgb(241,225,112)
```

Similar Colors

Text with hexadecimal color #f1c170

This text has a font color of #f1c170.

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

#f1c170 background color

This paragraph has a background color of #f1c170.

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

#f1c170 border color

This element has a border color of #f1c170.

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

CSS codes

.text {color:#f1c170;}

.background {background-color:#f1c170;}

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

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, #120c02 is the darkest color, while #ffffff is the lightest one.

#120c02
```
#120c02 rgb(18,12,2)
```
#241803
```
#241803 rgb(36,24,3)
```
#362405
```
#362405 rgb(54,36,5)
```
#472f07
```
#472f07 rgb(71,47,7)
```
#593b09
```
#593b09 rgb(89,59,9)
```
#6b470a
```
#6b470a rgb(107,71,10)
```
#7d530c
```
#7d530c rgb(125,83,12)
```
#8f5f0e
```
#8f5f0e rgb(143,95,14)
```
#a16b10
```
#a16b10 rgb(161,107,16)
```
#b37711
```
#b37711 rgb(179,119,17)
```
#c48313
```
#c48313 rgb(196,131,19)
```
#d68e15
```
#d68e15 rgb(214,142,21)
```
#e89a17
```
#e89a17 rgb(232,154,23)
```

Shade Color Variation

#eaa229
```
#eaa229 rgb(234,162,41)
```
#ecaa3a
```
#ecaa3a rgb(236,170,58)
```
#eeb24c
```
#eeb24c rgb(238,178,76)
```
#efb95e
```
#efb95e rgb(239,185,94)
```
#f1c170
```
#f1c170 rgb(241,193,112)
```
#f3c982
```
#f3c982 rgb(243,201,130)
```
#f4d094
```
#f4d094 rgb(244,208,148)
```
#f6d8a6
```
#f6d8a6 rgb(246,216,166)
```
#f8e0b7
```
#f8e0b7 rgb(248,224,183)
```
#fae8c9
```
#fae8c9 rgb(250,232,201)
```
#fbefdb
```
#fbefdb rgb(251,239,219)
```
#fdf7ed
```
#fdf7ed rgb(253,247,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b5b2ac
```
#b5b2ac rgb(181,178,172)
```
#bbb3a6
```
#bbb3a6 rgb(187,179,166)
```
#c1b5a0
```
#c1b5a0 rgb(193,181,160)
```
#c7b69a
```
#c7b69a rgb(199,182,154)
```
#cdb894
```
#cdb894 rgb(205,184,148)
```
#d3b98e
```
#d3b98e rgb(211,185,142)
```
#d9bb88
```
#d9bb88 rgb(217,187,136)
```
#dfbc82
```
#dfbc82 rgb(223,188,130)
```
#e5be7c
```
#e5be7c rgb(229,190,124)
```
#ebbf76
```
#ebbf76 rgb(235,191,118)
```
#f1c170
```
#f1c170 rgb(241,193,112)
```
#f7c36a
```
#f7c36a rgb(247,195,106)
```
#fdc464
```
#fdc464 rgb(253,196,100)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cfc5b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#decb79 Protanopia 1% of men
#f5c277 Deuteranopia 1% of men
#f9bac7 Tritanopia 0.001% of the population

Trichromacy

#e4c776 Protanomaly 1% of men, 0.01% of women
#f4c175 Deuteranomaly 6% of men, 0.4% of women
#f6bca7 Tritanomaly 0.01% of the population

#f1c170 hex color

#f1c170 Color Information

#f1c170 Color Conversion

Color Schemes with #f1c170

Alternatives to #f1c170

#f1c170 Preview

Shades and Tints of #f1c170

Tones of #f1c170

Color Blindness Simulator