#f0bd6b hex color

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

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

● #f0bd6b color description : Soft orange.

The hexadecimal color #f0bd6b has RGB values of R:240, G:189, B:107 and CMYK values of C:0, M:0.21, Y:0.55, K:0.06. Its decimal value is 15777131.

Hex triplet	f0bd6b	`#f0bd6b`
RGB Decimal	240, 189, 107	`rgb(240,189,107)`
RGB Percent	94.1, 74.1, 42	`rgb(94.1%,74.1%,42%)`
CMYK	0, 21, 55, 6
HSL	37°, 81.6, 68	`hsl(37,81.6%,68%)`
HSV (or HSB)	37°, 55.4, 94.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.605, 9.031, 47.969
XYZ	56.787, 55.985, 21.724
xyY	0.422, 0.416, 55.985
CIE-LCH	79.605, 48.812, 79.338
CIE-LUV	79.605, 39.685, 57.513
Hunter-Lab	74.823, 4.533, 35.162
Binary	11110000, 10111101, 01101011

#f0bd6b
```
#f0bd6b rgb(240,189,107)
```
#6b9ef0
```
#6b9ef0 rgb(107,158,240)
```

Complementary Color

#f07b6b
```
#f07b6b rgb(240,123,107)
```
#f0bd6b
```
#f0bd6b rgb(240,189,107)
```
#e1f06b
```
#e1f06b rgb(225,240,107)
```

Analogous Color

#7b6bf0
```
#7b6bf0 rgb(123,107,240)
```
#f0bd6b
```
#f0bd6b rgb(240,189,107)
```
#6be1f0
```
#6be1f0 rgb(107,225,240)
```

Split Complementary Color

#bd6bf0
```
#bd6bf0 rgb(189,107,240)
```
#f0bd6b
```
#f0bd6b rgb(240,189,107)
```
#6bf0bd
```
#6bf0bd rgb(107,240,189)
```

Triadic Color

#f06b9e
```
#f06b9e rgb(240,107,158)
```
#f0bd6b
```
#f0bd6b rgb(240,189,107)
```
#6bf0bd
```
#6bf0bd rgb(107,240,189)
```
#6b9ef0
```
#6b9ef0 rgb(107,158,240)
```

Tetradic Color

#e99e26
```
#e99e26 rgb(233,158,38)
```
#eba83d
```
#eba83d rgb(235,168,61)
```
#eeb354
```
#eeb354 rgb(238,179,84)
```
#f0bd6b
```
#f0bd6b rgb(240,189,107)
```
#f2c782
```
#f2c782 rgb(242,199,130)
```
#f5d299
```
#f5d299 rgb(245,210,153)
```
#f7dcb0
```
#f7dcb0 rgb(247,220,176)
```

Monochromatic Color

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

#f09c6b
```
#f09c6b rgb(240,156,107)
```
#f0a76b
```
#f0a76b rgb(240,167,107)
```
#f0b26b
```
#f0b26b rgb(240,178,107)
```
#f0bd6b
```
#f0bd6b rgb(240,189,107)
```
#f0c86b
```
#f0c86b rgb(240,200,107)
```
#f0d36b
```
#f0d36b rgb(240,211,107)
```
#f0de6b
```
#f0de6b rgb(240,222,107)
```

Similar Colors

Text with hexadecimal color #f0bd6b

This text has a font color of #f0bd6b.

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

#f0bd6b background color

This paragraph has a background color of #f0bd6b.

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

#f0bd6b border color

This element has a border color of #f0bd6b.

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

CSS codes

.text {color:#f0bd6b;}

.background {background-color:#f0bd6b;}

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

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)
```
#543708
```
#543708 rgb(84,55,8)
```
#65420a
```
#65420a rgb(101,66,10)
```
#774e0c
```
#774e0c rgb(119,78,12)
```
#895a0e
```
#895a0e rgb(137,90,14)
```
#9b6510
```
#9b6510 rgb(155,101,16)
```
#ad7111
```
#ad7111 rgb(173,113,17)
```
#be7d13
```
#be7d13 rgb(190,125,19)
```
#d08815
```
#d08815 rgb(208,136,21)
```
#e29417
```
#e29417 rgb(226,148,23)
```

Shade Color Variation

#e99d24
```
#e99d24 rgb(233,157,36)
```
#eba536
```
#eba536 rgb(235,165,54)
```
#ecad47
```
#ecad47 rgb(236,173,71)
```
#eeb559
```
#eeb559 rgb(238,181,89)
```
#f0bd6b
```
#f0bd6b rgb(240,189,107)
```
#f2c57d
```
#f2c57d rgb(242,197,125)
```
#f4cd8f
```
#f4cd8f rgb(244,205,143)
```
#f5d5a0
```
#f5d5a0 rgb(245,213,160)
```
#f7ddb2
```
#f7ddb2 rgb(247,221,178)
```
#f9e5c4
```
#f9e5c4 rgb(249,229,196)
```
#fbedd6
```
#fbedd6 rgb(251,237,214)
```
#fdf5e8
```
#fdf5e8 rgb(253,245,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 #fdc05e is the most saturated one.

#b1aeaa
```
#b1aeaa rgb(177,174,170)
```
#b8b0a3
```
#b8b0a3 rgb(184,176,163)
```
#beb19d
```
#beb19d rgb(190,177,157)
```
#c4b397
```
#c4b397 rgb(196,179,151)
```
#cab491
```
#cab491 rgb(202,180,145)
```
#d1b68a
```
#d1b68a rgb(209,182,138)
```
#d7b784
```
#d7b784 rgb(215,183,132)
```
#ddb97e
```
#ddb97e rgb(221,185,126)
```
#e3ba78
```
#e3ba78 rgb(227,186,120)
```
#eabc71
```
#eabc71 rgb(234,188,113)
```
#f0bd6b
```
#f0bd6b rgb(240,189,107)
```
#f6be65
```
#f6be65 rgb(246,190,101)
```
#fdc05e
```
#fdc05e rgb(253,192,94)
```

Tone Color Variation

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

#dbc875 Protanopia 1% of men
#f2bf72 Deuteranopia 1% of men
#f8b6c3 Tritanopia 0.001% of the population

Trichromacy

#e2c471 Protanomaly 1% of men, 0.01% of women
#f1be70 Deuteranomaly 6% of men, 0.4% of women
#f5b9a3 Tritanomaly 0.01% of the population

#f0bd6b hex color

#f0bd6b Color Information

#f0bd6b Color Conversion

Color Schemes with #f0bd6b

Alternatives to #f0bd6b

#f0bd6b Preview

Shades and Tints of #f0bd6b

Tones of #f0bd6b

Color Blindness Simulator