#f0c696 hex color

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

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

● #f0c696 color description : Very soft orange.

The hexadecimal color #f0c696 has RGB values of R:240, G:198, B:150 and CMYK values of C:0, M:0.18, Y:0.38, K:0.06. Its decimal value is 15779478.

Hex triplet	f0c696	`#f0c696`
RGB Decimal	240, 198, 150	`rgb(240,198,150)`
RGB Percent	94.1, 77.6, 58.8	`rgb(94.1%,77.6%,58.8%)`
CMYK	0, 18, 38, 6
HSL	32°, 75, 76.5	`hsl(32,75%,76.5%)`
HSV (or HSB)	32°, 37.5, 94.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	82.442, 8.459, 29.657
XYZ	61.634, 61.118, 37.403
xyY	0.385, 0.382, 61.118
CIE-LCH	82.442, 30.84, 74.081
CIE-LUV	82.442, 30.239, 38.608
Hunter-Lab	78.178, 3.916, 26.358
Binary	11110000, 11000110, 10010110

#f0c696
```
#f0c696 rgb(240,198,150)
```
#96c0f0
```
#96c0f0 rgb(150,192,240)
```

Complementary Color

#f09996
```
#f09996 rgb(240,153,150)
```
#f0c696
```
#f0c696 rgb(240,198,150)
```
#edf096
```
#edf096 rgb(237,240,150)
```

Analogous Color

#9996f0
```
#9996f0 rgb(153,150,240)
```
#f0c696
```
#f0c696 rgb(240,198,150)
```
#96edf0
```
#96edf0 rgb(150,237,240)
```

Split Complementary Color

#c696f0
```
#c696f0 rgb(198,150,240)
```
#f0c696
```
#f0c696 rgb(240,198,150)
```
#96f0c6
```
#96f0c6 rgb(150,240,198)
```

Triadic Color

#f096c0
```
#f096c0 rgb(240,150,192)
```
#f0c696
```
#f0c696 rgb(240,198,150)
```
#96f0c6
```
#96f0c6 rgb(150,240,198)
```
#96c0f0
```
#96c0f0 rgb(150,192,240)
```

Tetradic Color

#e6a253
```
#e6a253 rgb(230,162,83)
```
#eaae69
```
#eaae69 rgb(234,174,105)
```
#edba80
```
#edba80 rgb(237,186,128)
```
#f0c696
```
#f0c696 rgb(240,198,150)
```
#f3d2ac
```
#f3d2ac rgb(243,210,172)
```
#f6dec3
```
#f6dec3 rgb(246,222,195)
```
#faead9
```
#faead9 rgb(250,234,217)
```

Monochromatic Color

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

#f0b096
```
#f0b096 rgb(240,176,150)
```
#f0b796
```
#f0b796 rgb(240,183,150)
```
#f0bf96
```
#f0bf96 rgb(240,191,150)
```
#f0c696
```
#f0c696 rgb(240,198,150)
```
#f0ce96
```
#f0ce96 rgb(240,206,150)
```
#f0d596
```
#f0d596 rgb(240,213,150)
```
#f0dd96
```
#f0dd96 rgb(240,221,150)
```

Similar Colors

Text with hexadecimal color #f0c696

This text has a font color of #f0c696.

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

#f0c696 background color

This paragraph has a background color of #f0c696.

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

#f0c696 border color

This element has a border color of #f0c696.

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

CSS codes

.text {color:#f0c696;}

.background {background-color:#f0c696;}

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

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

#0f0902
```
#0f0902 rgb(15,9,2)
```
#201305
```
#201305 rgb(32,19,5)
```
#311e07
```
#311e07 rgb(49,30,7)
```
#43280a
```
#43280a rgb(67,40,10)
```
#54320c
```
#54320c rgb(84,50,12)
```
#653d0e
```
#653d0e rgb(101,61,14)
```
#764711
```
#764711 rgb(118,71,17)
```
#875113
```
#875113 rgb(135,81,19)
```
#985b16
```
#985b16 rgb(152,91,22)
```
#aa6618
```
#aa6618 rgb(170,102,24)
```
#bb701b
```
#bb701b rgb(187,112,27)
```
#cc7a1d
```
#cc7a1d rgb(204,122,29)
```
#dd8520
```
#dd8520 rgb(221,133,32)
```

Shade Color Variation

#e18e2f
```
#e18e2f rgb(225,142,47)
```
#e49740
```
#e49740 rgb(228,151,64)
```
#e6a151
```
#e6a151 rgb(230,161,81)
```
#e9aa63
```
#e9aa63 rgb(233,170,99)
```
#ebb374
```
#ebb374 rgb(235,179,116)
```
#eebd85
```
#eebd85 rgb(238,189,133)
```
#f0c696
```
#f0c696 rgb(240,198,150)
```
#f2cfa7
```
#f2cfa7 rgb(242,207,167)
```
#f5d9b8
```
#f5d9b8 rgb(245,217,184)
```
#f7e2c9
```
#f7e2c9 rgb(247,226,201)
```
#faebdb
```
#faebdb rgb(250,235,219)
```
#fcf5ec
```
#fcf5ec rgb(252,245,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#c6c3c0
```
#c6c3c0 rgb(198,195,192)
```
#cbc4bb
```
#cbc4bb rgb(203,196,187)
```
#d0c4b6
```
#d0c4b6 rgb(208,196,182)
```
#d4c4b2
```
#d4c4b2 rgb(212,196,178)
```
#d9c4ad
```
#d9c4ad rgb(217,196,173)
```
#dec5a8
```
#dec5a8 rgb(222,197,168)
```
#e2c5a4
```
#e2c5a4 rgb(226,197,164)
```
#e7c59f
```
#e7c59f rgb(231,197,159)
```
#ebc69b
```
#ebc69b rgb(235,198,155)
```
#f0c696
```
#f0c696 rgb(240,198,150)
```
#f5c691
```
#f5c691 rgb(245,198,145)
```
#f9c78d
```
#f9c78d rgb(249,199,141)
```
#fec788
```
#fec788 rgb(254,199,136)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d4ccc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#decf9e Protanopia 1% of men
#f4c79b Deuteranopia 1% of men
#f6c1cf Tritanopia 0.001% of the population

Trichromacy

#e4cb9b Protanomaly 1% of men, 0.01% of women
#f2c799 Deuteranomaly 6% of men, 0.4% of women
#f4c3ba Tritanomaly 0.01% of the population

#f0c696 hex color

#f0c696 Color Information

#f0c696 Color Conversion

Color Schemes with #f0c696

Alternatives to #f0c696

#f0c696 Preview

Shades and Tints of #f0c696

Tones of #f0c696

Color Blindness Simulator