#f0b380 hex color

In a RGB color space, hex #f0b380 is composed of 94.1% red, 70.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.4% magenta, 46.7% yellow and 5.9% black. It has a hue angle of 27.3 degrees, a saturation of 78.9% and a lightness of 72.2%. #f0b380 color hex could be obtained by blending #ffffff with #e16701. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 94
- G 70
- B 50
RGB color chart
- C 0
- M 25
- Y 47
- K 6
CMYK color chart

● #f0b380 color description : Soft orange.

The hexadecimal color #f0b380 has RGB values of R:240, G:179, B:128 and CMYK values of C:0, M:0.25, Y:0.47, K:0.06. Its decimal value is 15774592.

Hex triplet	f0b380	`#f0b380`
RGB Decimal	240, 179, 128	`rgb(240,179,128)`
RGB Percent	94.1, 70.2, 50.2	`rgb(94.1%,70.2%,50.2%)`
CMYK	0, 25, 47, 6
HSL	27.3°, 78.9, 72.2	`hsl(27.3,78.9%,72.2%)`
HSV (or HSB)	27.3°, 46.7, 94.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	77.476, 16.134, 34.63
XYZ	55.952, 52.327, 27.574
xyY	0.412, 0.385, 52.327
CIE-LCH	77.476, 38.204, 65.02
CIE-LUV	77.476, 44.808, 41.873
Hunter-Lab	72.337, 11.478, 28.035
Binary	11110000, 10110011, 10000000

#f0b380
```
#f0b380 rgb(240,179,128)
```
#80bdf0
```
#80bdf0 rgb(128,189,240)
```

Complementary Color

#f08085
```
#f08085 rgb(240,128,133)
```
#f0b380
```
#f0b380 rgb(240,179,128)
```
#f0eb80
```
#f0eb80 rgb(240,235,128)
```

Analogous Color

#8085f0
```
#8085f0 rgb(128,133,240)
```
#f0b380
```
#f0b380 rgb(240,179,128)
```
#80f0eb
```
#80f0eb rgb(128,240,235)
```

Split Complementary Color

#b380f0
```
#b380f0 rgb(179,128,240)
```
#f0b380
```
#f0b380 rgb(240,179,128)
```
#80f0b3
```
#80f0b3 rgb(128,240,179)
```

Triadic Color

#f080bd
```
#f080bd rgb(240,128,189)
```
#f0b380
```
#f0b380 rgb(240,179,128)
```
#80f0b3
```
#80f0b3 rgb(128,240,179)
```
#80bdf0
```
#80bdf0 rgb(128,189,240)
```

Tetradic Color

#e88a3c
```
#e88a3c rgb(232,138,60)
```
#eb9852
```
#eb9852 rgb(235,152,82)
```
#eda569
```
#eda569 rgb(237,165,105)
```
#f0b380
```
#f0b380 rgb(240,179,128)
```
#f3c197
```
#f3c197 rgb(243,193,151)
```
#f5ceae
```
#f5ceae rgb(245,206,174)
```
#f8dcc4
```
#f8dcc4 rgb(248,220,196)
```

Monochromatic Color

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

#f09780
```
#f09780 rgb(240,151,128)
```
#f0a080
```
#f0a080 rgb(240,160,128)
```
#f0aa80
```
#f0aa80 rgb(240,170,128)
```
#f0b380
```
#f0b380 rgb(240,179,128)
```
#f0bc80
```
#f0bc80 rgb(240,188,128)
```
#f0c680
```
#f0c680 rgb(240,198,128)
```
#f0cf80
```
#f0cf80 rgb(240,207,128)
```

Similar Colors

Text with hexadecimal color #f0b380

This text has a font color of #f0b380.

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

#f0b380 background color

This paragraph has a background color of #f0b380.

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

#f0b380 border color

This element has a border color of #f0b380.

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

CSS codes

.text {color:#f0b380;}

.background {background-color:#f0b380;}

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

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

#0d0702
```
#0d0702 rgb(13,7,2)
```
#1f1004
```
#1f1004 rgb(31,16,4)
```
#301906
```
#301906 rgb(48,25,6)
```
#422208
```
#422208 rgb(66,34,8)
```
#542b0a
```
#542b0a rgb(84,43,10)
```
#65350c
```
#65350c rgb(101,53,12)
```
#773e0e
```
#773e0e rgb(119,62,14)
```
#884710
```
#884710 rgb(136,71,16)
```
#9a5012
```
#9a5012 rgb(154,80,18)
```
#ab5914
```
#ab5914 rgb(171,89,20)
```
#bd6216
```
#bd6216 rgb(189,98,22)
```
#ce6b18
```
#ce6b18 rgb(206,107,24)
```
#e0741a
```
#e0741a rgb(224,116,26)
```

Shade Color Variation

#e67f28
```
#e67f28 rgb(230,127,40)
```
#e8893a
```
#e8893a rgb(232,137,58)
```
#ea944b
```
#ea944b rgb(234,148,75)
```
#ec9e5d
```
#ec9e5d rgb(236,158,93)
```
#eea96e
```
#eea96e rgb(238,169,110)
```
#f0b380
```
#f0b380 rgb(240,179,128)
```
#f2bd92
```
#f2bd92 rgb(242,189,146)
```
#f4c8a3
```
#f4c8a3 rgb(244,200,163)
```
#f6d2b5
```
#f6d2b5 rgb(246,210,181)
```
#f8ddc6
```
#f8ddc6 rgb(248,221,198)
```
#fae7d8
```
#fae7d8 rgb(250,231,216)
```
#fcf2e9
```
#fcf2e9 rgb(252,242,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#b9b8b7
```
#b9b8b7 rgb(185,184,183)
```
#bfb7b1
```
#bfb7b1 rgb(191,183,177)
```
#c4b7ac
```
#c4b7ac rgb(196,183,172)
```
#cab6a6
```
#cab6a6 rgb(202,182,166)
```
#cfb6a1
```
#cfb6a1 rgb(207,182,161)
```
#d5b59b
```
#d5b59b rgb(213,181,155)
```
#dab596
```
#dab596 rgb(218,181,150)
```
#e0b490
```
#e0b490 rgb(224,180,144)
```
#e5b48b
```
#e5b48b rgb(229,180,139)
```
#ebb385
```
#ebb385 rgb(235,179,133)
```
#f0b380
```
#f0b380 rgb(240,179,128)
```
#f5b37b
```
#f5b37b rgb(245,179,123)
```
#fbb275
```
#fbb275 rgb(251,178,117)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c9bdb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c28b Protanopia 1% of men
#e7ba85 Deuteranopia 1% of men
#f6afbc Tritanopia 0.001% of the population

Trichromacy

#dcbc87 Protanomaly 1% of men, 0.01% of women
#eab783 Deuteranomaly 6% of men, 0.4% of women
#f3b1a6 Tritanomaly 0.01% of the population

#f0b380 hex color

#f0b380 Color Information

#f0b380 Color Conversion

Color Schemes with #f0b380

Alternatives to #f0b380

#f0b380 Preview

Shades and Tints of #f0b380

Tones of #f0b380

Color Blindness Simulator