#f2bc69 hex color

In a RGB color space, hex #f2bc69 is composed of 94.9% red, 73.7% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 56.6% yellow and 5.1% black. It has a hue angle of 36.4 degrees, a saturation of 84% and a lightness of 68%. #f2bc69 color hex could be obtained by blending #ffffd2 with #e57900. Closest websafe color is: #ffcc66.

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

● #f2bc69 color description : Soft orange.

The hexadecimal color #f2bc69 has RGB values of R:242, G:188, B:105 and CMYK values of C:0, M:0.22, Y:0.57, K:0.05. Its decimal value is 15907945.

Hex triplet	f2bc69	`#f2bc69`
RGB Decimal	242, 188, 105	`rgb(242,188,105)`
RGB Percent	94.9, 73.7, 41.2	`rgb(94.9%,73.7%,41.2%)`
CMYK	0, 22, 57, 5
HSL	36.4°, 84, 68	`hsl(36.4,84%,68%)`
HSV (or HSB)	36.4°, 56.6, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.538, 10.22, 48.916
XYZ	57.152, 55.866, 21.137
xyY	0.426, 0.416, 55.866
CIE-LCH	79.538, 49.972, 78.199
CIE-LUV	79.538, 42.032, 58.109
Hunter-Lab	74.744, 5.685, 35.554
Binary	11110010, 10111100, 01101001

#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#699ff2
```
#699ff2 rgb(105,159,242)
```

Complementary Color

#f27869
```
#f27869 rgb(242,120,105)
```
#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#e4f269
```
#e4f269 rgb(228,242,105)
```

Analogous Color

#7869f2
```
#7869f2 rgb(120,105,242)
```
#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#69e4f2
```
#69e4f2 rgb(105,228,242)
```

Split Complementary Color

#bc69f2
```
#bc69f2 rgb(188,105,242)
```
#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#69f2bc
```
#69f2bc rgb(105,242,188)
```

Triadic Color

#f2699f
```
#f2699f rgb(242,105,159)
```
#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#69f2bc
```
#69f2bc rgb(105,242,188)
```
#699ff2
```
#699ff2 rgb(105,159,242)
```

Tetradic Color

#ec9d23
```
#ec9d23 rgb(236,157,35)
```
#eea73a
```
#eea73a rgb(238,167,58)
```
#f0b252
```
#f0b252 rgb(240,178,82)
```
#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#f4c680
```
#f4c680 rgb(244,198,128)
```
#f6d198
```
#f6d198 rgb(246,209,152)
```
#f8dbaf
```
#f8dbaf rgb(248,219,175)
```

Monochromatic Color

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

#f29a69
```
#f29a69 rgb(242,154,105)
```
#f2a569
```
#f2a569 rgb(242,165,105)
```
#f2b169
```
#f2b169 rgb(242,177,105)
```
#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#f2c769
```
#f2c769 rgb(242,199,105)
```
#f2d369
```
#f2d369 rgb(242,211,105)
```
#f2de69
```
#f2de69 rgb(242,222,105)
```

Similar Colors

Text with hexadecimal color #f2bc69

This text has a font color of #f2bc69.

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

#f2bc69 background color

This paragraph has a background color of #f2bc69.

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

#f2bc69 border color

This element has a border color of #f2bc69.

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

CSS codes

.text {color:#f2bc69;}

.background {background-color:#f2bc69;}

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

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, #0c0801 is the darkest color, while #fffdf9 is the lightest one.

#0c0801
```
#0c0801 rgb(12,8,1)
```
#1f1403
```
#1f1403 rgb(31,20,3)
```
#311f04
```
#311f04 rgb(49,31,4)
```
#432b06
```
#432b06 rgb(67,43,6)
```
#553607
```
#553607 rgb(85,54,7)
```
#674209
```
#674209 rgb(103,66,9)
```
#794d0a
```
#794d0a rgb(121,77,10)
```
#8b590c
```
#8b590c rgb(139,89,12)
```
#9d640e
```
#9d640e rgb(157,100,14)
```
#af700f
```
#af700f rgb(175,112,15)
```
#c17b11
```
#c17b11 rgb(193,123,17)
```
#d38712
```
#d38712 rgb(211,135,18)
```
#e59314
```
#e59314 rgb(229,147,20)
```

Shade Color Variation

#ec9c21
```
#ec9c21 rgb(236,156,33)
```
#eda433
```
#eda433 rgb(237,164,51)
```
#efac45
```
#efac45 rgb(239,172,69)
```
#f0b457
```
#f0b457 rgb(240,180,87)
```
#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#f4c47b
```
#f4c47b rgb(244,196,123)
```
#f5cc8d
```
#f5cc8d rgb(245,204,141)
```
#f7d49f
```
#f7d49f rgb(247,212,159)
```
#f8dcb1
```
#f8dcb1 rgb(248,220,177)
```
#fae4c3
```
#fae4c3 rgb(250,228,195)
```
#fbecd5
```
#fbecd5 rgb(251,236,213)
```
#fdf4e7
```
#fdf4e7 rgb(253,244,231)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#b3afa8
```
#b3afa8 rgb(179,175,168)
```
#bab0a1
```
#bab0a1 rgb(186,176,161)
```
#c0b19b
```
#c0b19b rgb(192,177,155)
```
#c6b395
```
#c6b395 rgb(198,179,149)
```
#ccb48f
```
#ccb48f rgb(204,180,143)
```
#d3b588
```
#d3b588 rgb(211,181,136)
```
#d9b782
```
#d9b782 rgb(217,183,130)
```
#dfb87c
```
#dfb87c rgb(223,184,124)
```
#e5b976
```
#e5b976 rgb(229,185,118)
```
#ecbb6f
```
#ecbb6f rgb(236,187,111)
```
#f2bc69
```
#f2bc69 rgb(242,188,105)
```
#f8bd63
```
#f8bd63 rgb(248,189,99)
```
#ffbf5c
```
#ffbf5c rgb(255,191,92)
```

Tone Color Variation

Below, you can see how #f2bc69 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
#ccc2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc873 Protanopia 1% of men
#f2bf70 Deuteranopia 1% of men
#fab5c2 Tritanopia 0.001% of the population

Trichromacy

#e3c36f Protanomaly 1% of men, 0.01% of women
#f2be6d Deuteranomaly 6% of men, 0.4% of women
#f7b8a1 Tritanomaly 0.01% of the population

#f2bc69 hex color

#f2bc69 Color Information

#f2bc69 Color Conversion

Color Schemes with #f2bc69

Alternatives to #f2bc69

#f2bc69 Preview

Shades and Tints of #f2bc69

Tones of #f2bc69

Color Blindness Simulator