#f0b480 hex color

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

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

● #f0b480 color description : Soft orange.

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

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

CIE-LAB	77.715, 15.605, 34.94
XYZ	56.153, 52.729, 27.641
xyY	0.411, 0.386, 52.729
CIE-LCH	77.715, 38.266, 65.933
CIE-LUV	77.715, 44.126, 42.37
Hunter-Lab	72.615, 10.959, 28.261
Binary	11110000, 10110100, 10000000

#f0b480
```
#f0b480 rgb(240,180,128)
```
#80bcf0
```
#80bcf0 rgb(128,188,240)
```

Complementary Color

#f08084
```
#f08084 rgb(240,128,132)
```
#f0b480
```
#f0b480 rgb(240,180,128)
```
#f0ec80
```
#f0ec80 rgb(240,236,128)
```

Analogous Color

#8084f0
```
#8084f0 rgb(128,132,240)
```
#f0b480
```
#f0b480 rgb(240,180,128)
```
#80f0ec
```
#80f0ec rgb(128,240,236)
```

Split Complementary Color

#b480f0
```
#b480f0 rgb(180,128,240)
```
#f0b480
```
#f0b480 rgb(240,180,128)
```
#80f0b4
```
#80f0b4 rgb(128,240,180)
```

Triadic Color

#f080bc
```
#f080bc rgb(240,128,188)
```
#f0b480
```
#f0b480 rgb(240,180,128)
```
#80f0b4
```
#80f0b4 rgb(128,240,180)
```
#80bcf0
```
#80bcf0 rgb(128,188,240)
```

Tetradic Color

#e88c3c
```
#e88c3c rgb(232,140,60)
```
#eb9952
```
#eb9952 rgb(235,153,82)
```
#eda769
```
#eda769 rgb(237,167,105)
```
#f0b480
```
#f0b480 rgb(240,180,128)
```
#f3c197
```
#f3c197 rgb(243,193,151)
```
#f5cfae
```
#f5cfae rgb(245,207,174)
```
#f8dcc4
```
#f8dcc4 rgb(248,220,196)
```

Monochromatic Color

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

#f09880
```
#f09880 rgb(240,152,128)
```
#f0a180
```
#f0a180 rgb(240,161,128)
```
#f0ab80
```
#f0ab80 rgb(240,171,128)
```
#f0b480
```
#f0b480 rgb(240,180,128)
```
#f0bd80
```
#f0bd80 rgb(240,189,128)
```
#f0c780
```
#f0c780 rgb(240,199,128)
```
#f0d080
```
#f0d080 rgb(240,208,128)
```

Similar Colors

Text with hexadecimal color #f0b480

This text has a font color of #f0b480.

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

#f0b480 background color

This paragraph has a background color of #f0b480.

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

#f0b480 border color

This element has a border color of #f0b480.

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

CSS codes

.text {color:#f0b480;}

.background {background-color:#f0b480;}

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

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

#0d0702
```
#0d0702 rgb(13,7,2)
```
#1f1004
```
#1f1004 rgb(31,16,4)
```
#301a06
```
#301a06 rgb(48,26,6)
```
#422308
```
#422308 rgb(66,35,8)
```
#542c0a
```
#542c0a rgb(84,44,10)
```
#65350c
```
#65350c rgb(101,53,12)
```
#773f0e
```
#773f0e rgb(119,63,14)
```
#884810
```
#884810 rgb(136,72,16)
```
#9a5112
```
#9a5112 rgb(154,81,18)
```
#ab5a14
```
#ab5a14 rgb(171,90,20)
```
#bd6416
```
#bd6416 rgb(189,100,22)
```
#ce6d18
```
#ce6d18 rgb(206,109,24)
```
#e0761a
```
#e0761a rgb(224,118,26)
```

Shade Color Variation

#e68028
```
#e68028 rgb(230,128,40)
```
#e88b3a
```
#e88b3a rgb(232,139,58)
```
#ea954b
```
#ea954b rgb(234,149,75)
```
#ec9f5d
```
#ec9f5d rgb(236,159,93)
```
#eeaa6e
```
#eeaa6e rgb(238,170,110)
```
#f0b480
```
#f0b480 rgb(240,180,128)
```
#f2be92
```
#f2be92 rgb(242,190,146)
```
#f4c9a3
```
#f4c9a3 rgb(244,201,163)
```
#f6d3b5
```
#f6d3b5 rgb(246,211,181)
```
#f8ddc6
```
#f8ddc6 rgb(248,221,198)
```
#fae8d8
```
#fae8d8 rgb(250,232,216)
```
#fcf2e9
```
#fcf2e9 rgb(252,242,233)
```
#fffdfb
```
#fffdfb rgb(255,253,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 #fbb375 is the most saturated one.

#b9b8b7
```
#b9b8b7 rgb(185,184,183)
```
#bfb8b1
```
#bfb8b1 rgb(191,184,177)
```
#c4b7ac
```
#c4b7ac rgb(196,183,172)
```
#cab7a6
```
#cab7a6 rgb(202,183,166)
```
#cfb6a1
```
#cfb6a1 rgb(207,182,161)
```
#d5b69b
```
#d5b69b rgb(213,182,155)
```
#dab696
```
#dab696 rgb(218,182,150)
```
#e0b590
```
#e0b590 rgb(224,181,144)
```
#e5b58b
```
#e5b58b rgb(229,181,139)
```
#ebb485
```
#ebb485 rgb(235,180,133)
```
#f0b480
```
#f0b480 rgb(240,180,128)
```
#f5b47b
```
#f5b47b rgb(245,180,123)
```
#fbb375
```
#fbb375 rgb(251,179,117)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#cabeb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c38a Protanopia 1% of men
#e8bb85 Deuteranopia 1% of men
#f6b0bc Tritanopia 0.001% of the population

Trichromacy

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

#f0b480 hex color

#f0b480 Color Information

#f0b480 Color Conversion

Color Schemes with #f0b480

Alternatives to #f0b480

#f0b480 Preview

Shades and Tints of #f0b480

Tones of #f0b480

Color Blindness Simulator