#f1bc70 hex color

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

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

● #f1bc70 color description : Soft orange.

The hexadecimal color #f1bc70 has RGB values of R:241, G:188, B:112 and CMYK values of C:0, M:0.22, Y:0.54, K:0.05. Its decimal value is 15842416.

Hex triplet	f1bc70	`#f1bc70`
RGB Decimal	241, 188, 112	`rgb(241,188,112)`
RGB Percent	94.5, 73.7, 43.9	`rgb(94.5%,73.7%,43.9%)`
CMYK	0, 22, 54, 5
HSL	35.3°, 82.2, 69.2	`hsl(35.3,82.2%,69.2%)`
HSV (or HSB)	35.3°, 53.5, 94.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.522, 10.365, 45.42
XYZ	57.184, 55.84, 23.095
xyY	0.42, 0.41, 55.84
CIE-LCH	79.522, 46.587, 77.145
CIE-LUV	79.522, 40.755, 54.744
Hunter-Lab	74.726, 5.827, 33.984
Binary	11110001, 10111100, 01110000

#f1bc70
```
#f1bc70 rgb(241,188,112)
```
#70a5f1
```
#70a5f1 rgb(112,165,241)
```

Complementary Color

#f17c70
```
#f17c70 rgb(241,124,112)
```
#f1bc70
```
#f1bc70 rgb(241,188,112)
```
#e6f170
```
#e6f170 rgb(230,241,112)
```

Analogous Color

#7c70f1
```
#7c70f1 rgb(124,112,241)
```
#f1bc70
```
#f1bc70 rgb(241,188,112)
```
#70e6f1
```
#70e6f1 rgb(112,230,241)
```

Split Complementary Color

#bc70f1
```
#bc70f1 rgb(188,112,241)
```
#f1bc70
```
#f1bc70 rgb(241,188,112)
```
#70f1bc
```
#70f1bc rgb(112,241,188)
```

Triadic Color

#f170a5
```
#f170a5 rgb(241,112,165)
```
#f1bc70
```
#f1bc70 rgb(241,188,112)
```
#70f1bc
```
#70f1bc rgb(112,241,188)
```
#70a5f1
```
#70a5f1 rgb(112,165,241)
```

Tetradic Color

#ea9b2a
```
#ea9b2a rgb(234,155,42)
```
#eca642
```
#eca642 rgb(236,166,66)
```
#efb159
```
#efb159 rgb(239,177,89)
```
#f1bc70
```
#f1bc70 rgb(241,188,112)
```
#f3c787
```
#f3c787 rgb(243,199,135)
```
#f6d29e
```
#f6d29e rgb(246,210,158)
```
#f8ddb6
```
#f8ddb6 rgb(248,221,182)
```

Monochromatic Color

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

#f19c70
```
#f19c70 rgb(241,156,112)
```
#f1a770
```
#f1a770 rgb(241,167,112)
```
#f1b170
```
#f1b170 rgb(241,177,112)
```
#f1bc70
```
#f1bc70 rgb(241,188,112)
```
#f1c770
```
#f1c770 rgb(241,199,112)
```
#f1d270
```
#f1d270 rgb(241,210,112)
```
#f1dc70
```
#f1dc70 rgb(241,220,112)
```

Similar Colors

Text with hexadecimal color #f1bc70

This text has a font color of #f1bc70.

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

#f1bc70 background color

This paragraph has a background color of #f1bc70.

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

#f1bc70 border color

This element has a border color of #f1bc70.

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

CSS codes

.text {color:#f1bc70;}

.background {background-color:#f1bc70;}

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

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

#120b02
```
#120b02 rgb(18,11,2)
```
#241603
```
#241603 rgb(36,22,3)
```
#362205
```
#362205 rgb(54,34,5)
```
#472d07
```
#472d07 rgb(71,45,7)
```
#593809
```
#593809 rgb(89,56,9)
```
#6b430a
```
#6b430a rgb(107,67,10)
```
#7d4f0c
```
#7d4f0c rgb(125,79,12)
```
#8f5a0e
```
#8f5a0e rgb(143,90,14)
```
#a16510
```
#a16510 rgb(161,101,16)
```
#b37011
```
#b37011 rgb(179,112,17)
```
#c47c13
```
#c47c13 rgb(196,124,19)
```
#d68715
```
#d68715 rgb(214,135,21)
```
#e89217
```
#e89217 rgb(232,146,23)
```

Shade Color Variation

#ea9b29
```
#ea9b29 rgb(234,155,41)
```
#eca33a
```
#eca33a rgb(236,163,58)
```
#eeab4c
```
#eeab4c rgb(238,171,76)
```
#efb45e
```
#efb45e rgb(239,180,94)
```
#f1bc70
```
#f1bc70 rgb(241,188,112)
```
#f3c482
```
#f3c482 rgb(243,196,130)
```
#f4cd94
```
#f4cd94 rgb(244,205,148)
```
#f6d5a6
```
#f6d5a6 rgb(246,213,166)
```
#f8ddb7
```
#f8ddb7 rgb(248,221,183)
```
#fae6c9
```
#fae6c9 rgb(250,230,201)
```
#fbeedb
```
#fbeedb rgb(251,238,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, #b5b1ac is the less saturated color, while #fdbe64 is the most saturated one.

#b5b1ac
```
#b5b1ac rgb(181,177,172)
```
#bbb2a6
```
#bbb2a6 rgb(187,178,166)
```
#c1b3a0
```
#c1b3a0 rgb(193,179,160)
```
#c7b49a
```
#c7b49a rgb(199,180,154)
```
#cdb694
```
#cdb694 rgb(205,182,148)
```
#d3b78e
```
#d3b78e rgb(211,183,142)
```
#d9b888
```
#d9b888 rgb(217,184,136)
```
#dfb982
```
#dfb982 rgb(223,185,130)
```
#e5ba7c
```
#e5ba7c rgb(229,186,124)
```
#ebbb76
```
#ebbb76 rgb(235,187,118)
```
#f1bc70
```
#f1bc70 rgb(241,188,112)
```
#f7bd6a
```
#f7bd6a rgb(247,189,106)
```
#fdbe64
```
#fdbe64 rgb(253,190,100)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#ccc2b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac87a Protanopia 1% of men
#f1bf77 Deuteranopia 1% of men
#f8b6c2 Tritanopia 0.001% of the population

Trichromacy

#e2c376 Protanomaly 1% of men, 0.01% of women
#f1be74 Deuteranomaly 6% of men, 0.4% of women
#f6b8a4 Tritanomaly 0.01% of the population

#f1bc70 hex color

#f1bc70 Color Information

#f1bc70 Color Conversion

Color Schemes with #f1bc70

Alternatives to #f1bc70

#f1bc70 Preview

Shades and Tints of #f1bc70

Tones of #f1bc70

Color Blindness Simulator