#f2bc9a hex color

In a RGB color space, hex #f2bc9a is composed of 94.9% red, 73.7% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 36.4% yellow and 5.1% black. It has a hue angle of 23.2 degrees, a saturation of 77.2% and a lightness of 77.6%. #f2bc9a color hex could be obtained by blending #ffffff with #e57935. Closest websafe color is: #ffcc99.

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

● #f2bc9a color description : Very soft orange.

The hexadecimal color #f2bc9a has RGB values of R:242, G:188, B:154 and CMYK values of C:0, M:0.22, Y:0.36, K:0.05. Its decimal value is 15907994.

Hex triplet	f2bc9a	`#f2bc9a`
RGB Decimal	242, 188, 154	`rgb(242,188,154)`
RGB Percent	94.9, 73.7, 60.4	`rgb(94.9%,73.7%,60.4%)`
CMYK	0, 22, 36, 5
HSL	23.2°, 77.2, 77.6	`hsl(23.2,77.2%,77.6%)`
HSV (or HSB)	23.2°, 36.4, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	80.28, 14.948, 24.668
XYZ	60.434, 57.179, 38.424
xyY	0.387, 0.366, 57.179
CIE-LCH	80.28, 28.843, 58.785
CIE-LUV	80.28, 37.659, 30.941
Hunter-Lab	75.617, 10.329, 22.805
Binary	11110010, 10111100, 10011010

#f2bc9a
```
#f2bc9a rgb(242,188,154)
```
#9ad0f2
```
#9ad0f2 rgb(154,208,242)
```

Complementary Color

#f29aa4
```
#f29aa4 rgb(242,154,164)
```
#f2bc9a
```
#f2bc9a rgb(242,188,154)
```
#f2e89a
```
#f2e89a rgb(242,232,154)
```

Analogous Color

#9aa4f2
```
#9aa4f2 rgb(154,164,242)
```
#f2bc9a
```
#f2bc9a rgb(242,188,154)
```
#9af2e8
```
#9af2e8 rgb(154,242,232)
```

Split Complementary Color

#bc9af2
```
#bc9af2 rgb(188,154,242)
```
#f2bc9a
```
#f2bc9a rgb(242,188,154)
```
#9af2bc
```
#9af2bc rgb(154,242,188)
```

Triadic Color

#f29ad0
```
#f29ad0 rgb(242,154,208)
```
#f2bc9a
```
#f2bc9a rgb(242,188,154)
```
#9af2bc
```
#9af2bc rgb(154,242,188)
```
#9ad0f2
```
#9ad0f2 rgb(154,208,242)
```

Tetradic Color

#e98f56
```
#e98f56 rgb(233,143,86)
```
#ec9e6d
```
#ec9e6d rgb(236,158,109)
```
#efad83
```
#efad83 rgb(239,173,131)
```
#f2bc9a
```
#f2bc9a rgb(242,188,154)
```
#f5cbb1
```
#f5cbb1 rgb(245,203,177)
```
#f8dac7
```
#f8dac7 rgb(248,218,199)
```
#fbe9de
```
#fbe9de rgb(251,233,222)
```

Monochromatic Color

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

#f2a69a
```
#f2a69a rgb(242,166,154)
```
#f2ad9a
```
#f2ad9a rgb(242,173,154)
```
#f2b59a
```
#f2b59a rgb(242,181,154)
```
#f2bc9a
```
#f2bc9a rgb(242,188,154)
```
#f2c39a
```
#f2c39a rgb(242,195,154)
```
#f2cb9a
```
#f2cb9a rgb(242,203,154)
```
#f2d29a
```
#f2d29a rgb(242,210,154)
```

Similar Colors

Text with hexadecimal color #f2bc9a

This text has a font color of #f2bc9a.

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

#f2bc9a background color

This paragraph has a background color of #f2bc9a.

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

#f2bc9a border color

This element has a border color of #f2bc9a.

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

CSS codes

.text {color:#f2bc9a;}

.background {background-color:#f2bc9a;}

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

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 #fdf6f1 is the lightest one.

#030200
```
#030200 rgb(3,2,0)
```
#150a03
```
#150a03 rgb(21,10,3)
```
#261205
```
#261205 rgb(38,18,5)
```
#371a07
```
#371a07 rgb(55,26,7)
```
#492209
```
#492209 rgb(73,34,9)
```
#5a2a0c
```
#5a2a0c rgb(90,42,12)
```
#6c320e
```
#6c320e rgb(108,50,14)
```
#7d3a10
```
#7d3a10 rgb(125,58,16)
```
#8e4212
```
#8e4212 rgb(142,66,18)
```
#a04a15
```
#a04a15 rgb(160,74,21)
```
#b15217
```
#b15217 rgb(177,82,23)
```
#c25a19
```
#c25a19 rgb(194,90,25)
```
#d4631b
```
#d4631b rgb(212,99,27)
```

Shade Color Variation

#e26b20
```
#e26b20 rgb(226,107,32)
```
#e57732
```
#e57732 rgb(229,119,50)
```
#e78243
```
#e78243 rgb(231,130,67)
```
#e98e54
```
#e98e54 rgb(233,142,84)
```
#eb9966
```
#eb9966 rgb(235,153,102)
```
#eea577
```
#eea577 rgb(238,165,119)
```
#f0b089
```
#f0b089 rgb(240,176,137)
```
#f2bc9a
```
#f2bc9a rgb(242,188,154)
```
#f4c8ab
```
#f4c8ab rgb(244,200,171)
```
#f6d3bd
```
#f6d3bd rgb(246,211,189)
```
#f9dfce
```
#f9dfce rgb(249,223,206)
```
#fbeae0
```
#fbeae0 rgb(251,234,224)
```
#fdf6f1
```
#fdf6f1 rgb(253,246,241)
```

Tint Color Variation

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

#c6c6c6
```
#c6c6c6 rgb(198,198,198)
```
#cbc5c1
```
#cbc5c1 rgb(203,197,193)
```
#cfc4bd
```
#cfc4bd rgb(207,196,189)
```
#d3c3b9
```
#d3c3b9 rgb(211,195,185)
```
#d8c2b4
```
#d8c2b4 rgb(216,194,180)
```
#dcc1b0
```
#dcc1b0 rgb(220,193,176)
```
#e0c0ac
```
#e0c0ac rgb(224,192,172)
```
#e5bfa7
```
#e5bfa7 rgb(229,191,167)
```
#e9bea3
```
#e9bea3 rgb(233,190,163)
```
#eebd9e
```
#eebd9e rgb(238,189,158)
```
#f2bc9a
```
#f2bc9a rgb(242,188,154)
```
#f6bb96
```
#f6bb96 rgb(246,187,150)
```
#fbba91
```
#fbba91 rgb(251,186,145)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d0c6bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c9a3 Protanopia 1% of men
#ebc29e Deuteranopia 1% of men
#f7b9c6 Tritanopia 0.001% of the population

Trichromacy

#e0c4a0 Protanomaly 1% of men, 0.01% of women
#edc09c Deuteranomaly 6% of men, 0.4% of women
#f5bab6 Tritanomaly 0.01% of the population

#f2bc9a hex color

#f2bc9a Color Information

#f2bc9a Color Conversion

Color Schemes with #f2bc9a

Alternatives to #f2bc9a

#f2bc9a Preview

Shades and Tints of #f2bc9a

Tones of #f2bc9a

Color Blindness Simulator