#f0bc6b hex color

In a RGB color space, hex #f0bc6b is composed of 94.1% red, 73.7% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 55.4% yellow and 5.9% black. It has a hue angle of 36.5 degrees, a saturation of 81.6% and a lightness of 68%. #f0bc6b color hex could be obtained by blending #ffffd6 with #e17900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 94
- G 74
- B 42
RGB color chart
- C 0
- M 22
- Y 55
- K 6
CMYK color chart

● #f0bc6b color description : Soft orange.

The hexadecimal color #f0bc6b has RGB values of R:240, G:188, B:107 and CMYK values of C:0, M:0.22, Y:0.55, K:0.06. Its decimal value is 15776875.

Hex triplet	f0bc6b	`#f0bc6b`
RGB Decimal	240, 188, 107	`rgb(240,188,107)`
RGB Percent	94.1, 73.7, 42	`rgb(94.1%,73.7%,42%)`
CMYK	0, 22, 55, 6
HSL	36.5°, 81.6, 68	`hsl(36.5,81.6%,68%)`
HSV (or HSB)	36.5°, 55.4, 94.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.36, 9.555, 47.676
XYZ	56.573, 55.556, 21.653
xyY	0.423, 0.415, 55.556
CIE-LCH	79.36, 48.624, 78.667
CIE-LUV	79.36, 40.387, 57.051
Hunter-Lab	74.536, 5.044, 34.951
Binary	11110000, 10111100, 01101011

#f0bc6b
```
#f0bc6b rgb(240,188,107)
```
#6b9ff0
```
#6b9ff0 rgb(107,159,240)
```

Complementary Color

#f07a6b
```
#f07a6b rgb(240,122,107)
```
#f0bc6b
```
#f0bc6b rgb(240,188,107)
```
#e2f06b
```
#e2f06b rgb(226,240,107)
```

Analogous Color

#7a6bf0
```
#7a6bf0 rgb(122,107,240)
```
#f0bc6b
```
#f0bc6b rgb(240,188,107)
```
#6be2f0
```
#6be2f0 rgb(107,226,240)
```

Split Complementary Color

#bc6bf0
```
#bc6bf0 rgb(188,107,240)
```
#f0bc6b
```
#f0bc6b rgb(240,188,107)
```
#6bf0bc
```
#6bf0bc rgb(107,240,188)
```

Triadic Color

#f06b9f
```
#f06b9f rgb(240,107,159)
```
#f0bc6b
```
#f0bc6b rgb(240,188,107)
```
#6bf0bc
```
#6bf0bc rgb(107,240,188)
```
#6b9ff0
```
#6b9ff0 rgb(107,159,240)
```

Tetradic Color

#e99d26
```
#e99d26 rgb(233,157,38)
```
#eba73d
```
#eba73d rgb(235,167,61)
```
#eeb254
```
#eeb254 rgb(238,178,84)
```
#f0bc6b
```
#f0bc6b rgb(240,188,107)
```
#f2c682
```
#f2c682 rgb(242,198,130)
```
#f5d199
```
#f5d199 rgb(245,209,153)
```
#f7dbb0
```
#f7dbb0 rgb(247,219,176)
```

Monochromatic Color

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

#f09b6b
```
#f09b6b rgb(240,155,107)
```
#f0a66b
```
#f0a66b rgb(240,166,107)
```
#f0b16b
```
#f0b16b rgb(240,177,107)
```
#f0bc6b
```
#f0bc6b rgb(240,188,107)
```
#f0c76b
```
#f0c76b rgb(240,199,107)
```
#f0d26b
```
#f0d26b rgb(240,210,107)
```
#f0dd6b
```
#f0dd6b rgb(240,221,107)
```

Similar Colors

Text with hexadecimal color #f0bc6b

This text has a font color of #f0bc6b.

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

#f0bc6b background color

This paragraph has a background color of #f0bc6b.

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

#f0bc6b border color

This element has a border color of #f0bc6b.

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

CSS codes

.text {color:#f0bc6b;}

.background {background-color:#f0bc6b;}

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

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

#0c0801
```
#0c0801 rgb(12,8,1)
```
#1e1403
```
#1e1403 rgb(30,20,3)
```
#301f05
```
#301f05 rgb(48,31,5)
```
#422b07
```
#422b07 rgb(66,43,7)
```
#543608
```
#543608 rgb(84,54,8)
```
#65420a
```
#65420a rgb(101,66,10)
```
#774d0c
```
#774d0c rgb(119,77,12)
```
#89590e
```
#89590e rgb(137,89,14)
```
#9b6410
```
#9b6410 rgb(155,100,16)
```
#ad7011
```
#ad7011 rgb(173,112,17)
```
#be7b13
```
#be7b13 rgb(190,123,19)
```
#d08715
```
#d08715 rgb(208,135,21)
```
#e29317
```
#e29317 rgb(226,147,23)
```

Shade Color Variation

#e99c24
```
#e99c24 rgb(233,156,36)
```
#eba436
```
#eba436 rgb(235,164,54)
```
#ecac47
```
#ecac47 rgb(236,172,71)
```
#eeb459
```
#eeb459 rgb(238,180,89)
```
#f0bc6b
```
#f0bc6b rgb(240,188,107)
```
#f2c47d
```
#f2c47d rgb(242,196,125)
```
#f4cc8f
```
#f4cc8f rgb(244,204,143)
```
#f5d4a0
```
#f5d4a0 rgb(245,212,160)
```
#f7dcb2
```
#f7dcb2 rgb(247,220,178)
```
#f9e4c4
```
#f9e4c4 rgb(249,228,196)
```
#fbecd6
```
#fbecd6 rgb(251,236,214)
```
#fdf4e8
```
#fdf4e8 rgb(253,244,232)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#b1aeaa
```
#b1aeaa rgb(177,174,170)
```
#b8b0a3
```
#b8b0a3 rgb(184,176,163)
```
#beb19d
```
#beb19d rgb(190,177,157)
```
#c4b297
```
#c4b297 rgb(196,178,151)
```
#cab491
```
#cab491 rgb(202,180,145)
```
#d1b58a
```
#d1b58a rgb(209,181,138)
```
#d7b784
```
#d7b784 rgb(215,183,132)
```
#ddb87e
```
#ddb87e rgb(221,184,126)
```
#e3b978
```
#e3b978 rgb(227,185,120)
```
#eabb71
```
#eabb71 rgb(234,187,113)
```
#f0bc6b
```
#f0bc6b rgb(240,188,107)
```
#f6bd65
```
#f6bd65 rgb(246,189,101)
```
#fdbf5e
```
#fdbf5e rgb(253,191,94)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cbc1b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac775 Protanopia 1% of men
#f2be72 Deuteranopia 1% of men
#f8b6c2 Tritanopia 0.001% of the population

Trichromacy

#e2c371 Protanomaly 1% of men, 0.01% of women
#f1bd70 Deuteranomaly 6% of men, 0.4% of women
#f5b8a2 Tritanomaly 0.01% of the population

#f0bc6b hex color

#f0bc6b Color Information

#f0bc6b Color Conversion

Color Schemes with #f0bc6b

Alternatives to #f0bc6b

#f0bc6b Preview

Shades and Tints of #f0bc6b

Tones of #f0bc6b

Color Blindness Simulator