#f1bc60 hex color

In a RGB color space, hex #f1bc60 is composed of 94.5% red, 73.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 60.2% yellow and 5.5% black. It has a hue angle of 38.1 degrees, a saturation of 83.8% and a lightness of 66.1%. #f1bc60 color hex could be obtained by blending #ffffc0 with #e37900. Closest websafe color is: #ffcc66.

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

● #f1bc60 color description : Soft orange.

The hexadecimal color #f1bc60 has RGB values of R:241, G:188, B:96 and CMYK values of C:0, M:0.22, Y:0.6, K:0.05. Its decimal value is 15842400.

Hex triplet	f1bc60	`#f1bc60`
RGB Decimal	241, 188, 96	`rgb(241,188,96)`
RGB Percent	94.5, 73.7, 37.6	`rgb(94.5%,73.7%,37.6%)`
CMYK	0, 22, 60, 5
HSL	38.1°, 83.8, 66.1	`hsl(38.1,83.8%,66.1%)`
HSV (or HSB)	38.1°, 60.2, 94.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.337, 9.156, 52.981
XYZ	56.371, 55.514, 18.812
xyY	0.431, 0.425, 55.514
CIE-LCH	79.337, 53.767, 80.195
CIE-LUV	79.337, 41.91, 61.965
Hunter-Lab	74.508, 4.66, 37.186
Binary	11110001, 10111100, 01100000

#f1bc60
```
#f1bc60 rgb(241,188,96)
```
#6095f1
```
#6095f1 rgb(96,149,241)
```

Complementary Color

#f17460
```
#f17460 rgb(241,116,96)
```
#f1bc60
```
#f1bc60 rgb(241,188,96)
```
#def160
```
#def160 rgb(222,241,96)
```

Analogous Color

#7460f1
```
#7460f1 rgb(116,96,241)
```
#f1bc60
```
#f1bc60 rgb(241,188,96)
```
#60def1
```
#60def1 rgb(96,222,241)
```

Split Complementary Color

#bc60f1
```
#bc60f1 rgb(188,96,241)
```
#f1bc60
```
#f1bc60 rgb(241,188,96)
```
#60f1bc
```
#60f1bc rgb(96,241,188)
```

Triadic Color

#f16095
```
#f16095 rgb(241,96,149)
```
#f1bc60
```
#f1bc60 rgb(241,188,96)
```
#60f1bc
```
#60f1bc rgb(96,241,188)
```
#6095f1
```
#6095f1 rgb(96,149,241)
```

Tetradic Color

#eb9e1a
```
#eb9e1a rgb(235,158,26)
```
#eda831
```
#eda831 rgb(237,168,49)
```
#efb249
```
#efb249 rgb(239,178,73)
```
#f1bc60
```
#f1bc60 rgb(241,188,96)
```
#f3c677
```
#f3c677 rgb(243,198,119)
```
#f5d08f
```
#f5d08f rgb(245,208,143)
```
#f7daa6
```
#f7daa6 rgb(247,218,166)
```

Monochromatic Color

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

#f19860
```
#f19860 rgb(241,152,96)
```
#f1a460
```
#f1a460 rgb(241,164,96)
```
#f1b060
```
#f1b060 rgb(241,176,96)
```
#f1bc60
```
#f1bc60 rgb(241,188,96)
```
#f1c860
```
#f1c860 rgb(241,200,96)
```
#f1d460
```
#f1d460 rgb(241,212,96)
```
#f1e060
```
#f1e060 rgb(241,224,96)
```

Similar Colors

Text with hexadecimal color #f1bc60

This text has a font color of #f1bc60.

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

#f1bc60 background color

This paragraph has a background color of #f1bc60.

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

#f1bc60 border color

This element has a border color of #f1bc60.

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

CSS codes

.text {color:#f1bc60;}

.background {background-color:#f1bc60;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150e02
```
#150e02 rgb(21,14,2)
```
#271a03
```
#271a03 rgb(39,26,3)
```
#392605
```
#392605 rgb(57,38,5)
```
#4b3207
```
#4b3207 rgb(75,50,7)
```
#5d3e08
```
#5d3e08 rgb(93,62,8)
```
#6f4a0a
```
#6f4a0a rgb(111,74,10)
```
#81560b
```
#81560b rgb(129,86,11)
```
#93620d
```
#93620d rgb(147,98,13)
```
#a66e0f
```
#a66e0f rgb(166,110,15)
```
#b87a10
```
#b87a10 rgb(184,122,16)
```
#ca8612
```
#ca8612 rgb(202,134,18)
```
#dc9213
```
#dc9213 rgb(220,146,19)
```

Shade Color Variation

#eb9e18
```
#eb9e18 rgb(235,158,24)
```
#eca52a
```
#eca52a rgb(236,165,42)
```
#eead3c
```
#eead3c rgb(238,173,60)
```
#efb44e
```
#efb44e rgb(239,180,78)
```
#f1bc60
```
#f1bc60 rgb(241,188,96)
```
#f3c472
```
#f3c472 rgb(243,196,114)
```
#f4cb84
```
#f4cb84 rgb(244,203,132)
```
#f6d396
```
#f6d396 rgb(246,211,150)
```
#f7daa8
```
#f7daa8 rgb(247,218,168)
```
#f9e2ba
```
#f9e2ba rgb(249,226,186)
```
#fbeacc
```
#fbeacc rgb(251,234,204)
```
#fcf1de
```
#fcf1de rgb(252,241,222)
```
#fef9f0
```
#fef9f0 rgb(254,249,240)
```

Tint Color Variation

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

#aeaaa3
```
#aeaaa3 rgb(174,170,163)
```
#b5ac9c
```
#b5ac9c rgb(181,172,156)
```
#bcae95
```
#bcae95 rgb(188,174,149)
```
#c2af8f
```
#c2af8f rgb(194,175,143)
```
#c9b188
```
#c9b188 rgb(201,177,136)
```
#d0b381
```
#d0b381 rgb(208,179,129)
```
#d6b57b
```
#d6b57b rgb(214,181,123)
```
#ddb774
```
#ddb774 rgb(221,183,116)
```
#e4b86d
```
#e4b86d rgb(228,184,109)
```
#eaba67
```
#eaba67 rgb(234,186,103)
```
#f1bc60
```
#f1bc60 rgb(241,188,96)
```
#f8be59
```
#f8be59 rgb(248,190,89)
```
#fec053
```
#fec053 rgb(254,192,83)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cbc0ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc76a Protanopia 1% of men
#f3be68 Deuteranopia 1% of men
#f9b5c1 Tritanopia 0.001% of the population

Trichromacy

#e3c366 Protanomaly 1% of men, 0.01% of women
#f2bd65 Deuteranomaly 6% of men, 0.4% of women
#f6b79e Tritanomaly 0.01% of the population

#f1bc60 hex color

#f1bc60 Color Information

#f1bc60 Color Conversion

Color Schemes with #f1bc60

Alternatives to #f1bc60

#f1bc60 Preview

Shades and Tints of #f1bc60

Tones of #f1bc60

Color Blindness Simulator