#f0c680 hex color

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

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

● #f0c680 color description : Soft orange.

The hexadecimal color #f0c680 has RGB values of R:240, G:198, B:128 and CMYK values of C:0, M:0.18, Y:0.47, K:0.06. Its decimal value is 15779456.

Hex triplet	f0c680	`#f0c680`
RGB Decimal	240, 198, 128	`rgb(240,198,128)`
RGB Percent	94.1, 77.6, 50.2	`rgb(94.1%,77.6%,50.2%)`
CMYK	0, 18, 47, 6
HSL	37.5°, 78.9, 72.2	`hsl(37.5,78.9%,72.2%)`
HSV (or HSB)	37.5°, 46.7, 94.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.095, 6.155, 40.551
XYZ	60.026, 60.474, 28.932
xyY	0.402, 0.405, 60.474
CIE-LCH	82.095, 41.016, 81.369
CIE-LUV	82.095, 31.992, 51.312
Hunter-Lab	77.765, 1.692, 32.377
Binary	11110000, 11000110, 10000000

#f0c680
```
#f0c680 rgb(240,198,128)
```
#80aaf0
```
#80aaf0 rgb(128,170,240)
```

Complementary Color

#f08e80
```
#f08e80 rgb(240,142,128)
```
#f0c680
```
#f0c680 rgb(240,198,128)
```
#e2f080
```
#e2f080 rgb(226,240,128)
```

Analogous Color

#8e80f0
```
#8e80f0 rgb(142,128,240)
```
#f0c680
```
#f0c680 rgb(240,198,128)
```
#80e2f0
```
#80e2f0 rgb(128,226,240)
```

Split Complementary Color

#c680f0
```
#c680f0 rgb(198,128,240)
```
#f0c680
```
#f0c680 rgb(240,198,128)
```
#80f0c6
```
#80f0c6 rgb(128,240,198)
```

Triadic Color

#f080aa
```
#f080aa rgb(240,128,170)
```
#f0c680
```
#f0c680 rgb(240,198,128)
```
#80f0c6
```
#80f0c6 rgb(128,240,198)
```
#80aaf0
```
#80aaf0 rgb(128,170,240)
```

Tetradic Color

#e8a73c
```
#e8a73c rgb(232,167,60)
```
#ebb252
```
#ebb252 rgb(235,178,82)
```
#edbc69
```
#edbc69 rgb(237,188,105)
```
#f0c680
```
#f0c680 rgb(240,198,128)
```
#f3d097
```
#f3d097 rgb(243,208,151)
```
#f5daae
```
#f5daae rgb(245,218,174)
```
#f8e5c4
```
#f8e5c4 rgb(248,229,196)
```

Monochromatic Color

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

#f0aa80
```
#f0aa80 rgb(240,170,128)
```
#f0b380
```
#f0b380 rgb(240,179,128)
```
#f0bd80
```
#f0bd80 rgb(240,189,128)
```
#f0c680
```
#f0c680 rgb(240,198,128)
```
#f0cf80
```
#f0cf80 rgb(240,207,128)
```
#f0d980
```
#f0d980 rgb(240,217,128)
```
#f0e280
```
#f0e280 rgb(240,226,128)
```

Similar Colors

Text with hexadecimal color #f0c680

This text has a font color of #f0c680.

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

#f0c680 background color

This paragraph has a background color of #f0c680.

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

#f0c680 border color

This element has a border color of #f0c680.

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

CSS codes

.text {color:#f0c680;}

.background {background-color:#f0c680;}

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

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

#0d0902
```
#0d0902 rgb(13,9,2)
```
#1f1504
```
#1f1504 rgb(31,21,4)
```
#302006
```
#302006 rgb(48,32,6)
```
#422c08
```
#422c08 rgb(66,44,8)
```
#54380a
```
#54380a rgb(84,56,10)
```
#65440c
```
#65440c rgb(101,68,12)
```
#774f0e
```
#774f0e rgb(119,79,14)
```
#885b10
```
#885b10 rgb(136,91,16)
```
#9a6712
```
#9a6712 rgb(154,103,18)
```
#ab7314
```
#ab7314 rgb(171,115,20)
```
#bd7e16
```
#bd7e16 rgb(189,126,22)
```
#ce8a18
```
#ce8a18 rgb(206,138,24)
```
#e0961a
```
#e0961a rgb(224,150,26)
```

Shade Color Variation

#e69f28
```
#e69f28 rgb(230,159,40)
```
#e8a73a
```
#e8a73a rgb(232,167,58)
```
#eaae4b
```
#eaae4b rgb(234,174,75)
```
#ecb65d
```
#ecb65d rgb(236,182,93)
```
#eebe6e
```
#eebe6e rgb(238,190,110)
```
#f0c680
```
#f0c680 rgb(240,198,128)
```
#f2ce92
```
#f2ce92 rgb(242,206,146)
```
#f4d6a3
```
#f4d6a3 rgb(244,214,163)
```
#f6deb5
```
#f6deb5 rgb(246,222,181)
```
#f8e5c6
```
#f8e5c6 rgb(248,229,198)
```
#faedd8
```
#faedd8 rgb(250,237,216)
```
#fcf5e9
```
#fcf5e9 rgb(252,245,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 #fbc975 is the most saturated one.

#b9b8b7
```
#b9b8b7 rgb(185,184,183)
```
#bfbab1
```
#bfbab1 rgb(191,186,177)
```
#c4bbac
```
#c4bbac rgb(196,187,172)
```
#cabca6
```
#cabca6 rgb(202,188,166)
```
#cfbea1
```
#cfbea1 rgb(207,190,161)
```
#d5bf9b
```
#d5bf9b rgb(213,191,155)
```
#dac196
```
#dac196 rgb(218,193,150)
```
#e0c290
```
#e0c290 rgb(224,194,144)
```
#e5c38b
```
#e5c38b rgb(229,195,139)
```
#ebc585
```
#ebc585 rgb(235,197,133)
```
#f0c680
```
#f0c680 rgb(240,198,128)
```
#f5c77b
```
#f5c77b rgb(245,199,123)
```
#fbc975
```
#fbc975 rgb(251,201,117)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d2cabc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ce88 Protanopia 1% of men
#f7c687 Deuteranopia 1% of men
#f8c0cd Tritanopia 0.001% of the population

Trichromacy

#e6cb85 Protanomaly 1% of men, 0.01% of women
#f4c684 Deuteranomaly 6% of men, 0.4% of women
#f5c2b1 Tritanomaly 0.01% of the population

#f0c680 hex color

#f0c680 Color Information

#f0c680 Color Conversion

Color Schemes with #f0c680

Alternatives to #f0c680

#f0c680 Preview

Shades and Tints of #f0c680

Tones of #f0c680

Color Blindness Simulator