#f9cf96 hex color

In a RGB color space, hex #f9cf96 is composed of 97.6% red, 81.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.9% magenta, 39.8% yellow and 2.4% black. It has a hue angle of 34.5 degrees, a saturation of 89.2% and a lightness of 78.2%. #f9cf96 color hex could be obtained by blending #ffffff with #f39f2d. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 98
- G 81
- B 59
RGB color chart
- C 0
- M 17
- Y 40
- K 2
CMYK color chart

● #f9cf96 color description : Very soft orange.

The hexadecimal color #f9cf96 has RGB values of R:249, G:207, B:150 and CMYK values of C:0, M:0.17, Y:0.4, K:0.02. Its decimal value is 16371606.

Hex triplet	f9cf96	`#f9cf96`
RGB Decimal	249, 207, 150	`rgb(249,207,150)`
RGB Percent	97.6, 81.2, 58.8	`rgb(97.6%,81.2%,58.8%)`
CMYK	0, 17, 40, 2
HSL	34.5°, 89.2, 78.2	`hsl(34.5,89.2%,78.2%)`
HSV (or HSB)	34.5°, 39.8, 97.6
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	85.489, 7.282, 33.854
XYZ	66.885, 66.97, 38.256
xyY	0.389, 0.389, 66.97
CIE-LCH	85.489, 34.628, 77.86
CIE-LUV	85.489, 30.788, 44.21
Hunter-Lab	81.835, 2.679, 29.568
Binary	11111001, 11001111, 10010110

#f9cf96
```
#f9cf96 rgb(249,207,150)
```
#96c0f9
```
#96c0f9 rgb(150,192,249)
```

Complementary Color

#f99e96
```
#f99e96 rgb(249,158,150)
```
#f9cf96
```
#f9cf96 rgb(249,207,150)
```
#f2f996
```
#f2f996 rgb(242,249,150)
```

Analogous Color

#9e96f9
```
#9e96f9 rgb(158,150,249)
```
#f9cf96
```
#f9cf96 rgb(249,207,150)
```
#96f2f9
```
#96f2f9 rgb(150,242,249)
```

Split Complementary Color

#cf96f9
```
#cf96f9 rgb(207,150,249)
```
#f9cf96
```
#f9cf96 rgb(249,207,150)
```
#96f9cf
```
#96f9cf rgb(150,249,207)
```

Triadic Color

#f996c0
```
#f996c0 rgb(249,150,192)
```
#f9cf96
```
#f9cf96 rgb(249,207,150)
```
#96f9cf
```
#96f9cf rgb(150,249,207)
```
#96c0f9
```
#96c0f9 rgb(150,192,249)
```

Tetradic Color

#f5ae4e
```
#f5ae4e rgb(245,174,78)
```
#f6b966
```
#f6b966 rgb(246,185,102)
```
#f8c47e
```
#f8c47e rgb(248,196,126)
```
#f9cf96
```
#f9cf96 rgb(249,207,150)
```
#fadaae
```
#fadaae rgb(250,218,174)
```
#fce5c6
```
#fce5c6 rgb(252,229,198)
```
#fdf0de
```
#fdf0de rgb(253,240,222)
```

Monochromatic Color

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

#f9b696
```
#f9b696 rgb(249,182,150)
```
#f9bf96
```
#f9bf96 rgb(249,191,150)
```
#f9c796
```
#f9c796 rgb(249,199,150)
```
#f9cf96
```
#f9cf96 rgb(249,207,150)
```
#f9d796
```
#f9d796 rgb(249,215,150)
```
#f9e096
```
#f9e096 rgb(249,224,150)
```
#f9e896
```
#f9e896 rgb(249,232,150)
```

Similar Colors

Text with hexadecimal color #f9cf96

This text has a font color of #f9cf96.

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

#f9cf96 background color

This paragraph has a background color of #f9cf96.

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

#f9cf96 border color

This element has a border color of #f9cf96.

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

CSS codes

.text {color:#f9cf96;}

.background {background-color:#f9cf96;}

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

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, #060400 is the darkest color, while #fef9f3 is the lightest one.

#060400
```
#060400 rgb(6,4,0)
```
#190f01
```
#190f01 rgb(25,15,1)
```
#2b1a02
```
#2b1a02 rgb(43,26,2)
```
#3e2504
```
#3e2504 rgb(62,37,4)
```
#513005
```
#513005 rgb(81,48,5)
```
#633b06
```
#633b06 rgb(99,59,6)
```
#764707
```
#764707 rgb(118,71,7)
```
#885208
```
#885208 rgb(136,82,8)
```
#9b5d09
```
#9b5d09 rgb(155,93,9)
```
#ad680a
```
#ad680a rgb(173,104,10)
```
#c0730b
```
#c0730b rgb(192,115,11)
```
#d27e0c
```
#d27e0c rgb(210,126,12)
```
#e5890d
```
#e5890d rgb(229,137,13)
```

Shade Color Variation

#f29414
```
#f29414 rgb(242,148,20)
```
#f39c27
```
#f39c27 rgb(243,156,39)
```
#f4a539
```
#f4a539 rgb(244,165,57)
```
#f5ad4c
```
#f5ad4c rgb(245,173,76)
```
#f6b65e
```
#f6b65e rgb(246,182,94)
```
#f7be71
```
#f7be71 rgb(247,190,113)
```
#f8c783
```
#f8c783 rgb(248,199,131)
```
#f9cf96
```
#f9cf96 rgb(249,207,150)
```
#fad7a9
```
#fad7a9 rgb(250,215,169)
```
#fbe0bb
```
#fbe0bb rgb(251,224,187)
```
#fce8ce
```
#fce8ce rgb(252,232,206)
```
#fdf1e0
```
#fdf1e0 rgb(253,241,224)
```
#fef9f3
```
#fef9f3 rgb(254,249,243)
```

Tint Color Variation

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

#cac8c5
```
#cac8c5 rgb(202,200,197)
```
#cec9c1
```
#cec9c1 rgb(206,201,193)
```
#d3c9bc
```
#d3c9bc rgb(211,201,188)
```
#d7cab8
```
#d7cab8 rgb(215,202,184)
```
#dbcab4
```
#dbcab4 rgb(219,202,180)
```
#dfcbb0
```
#dfcbb0 rgb(223,203,176)
```
#e4ccab
```
#e4ccab rgb(228,204,171)
```
#e8cca7
```
#e8cca7 rgb(232,204,167)
```
#eccda3
```
#eccda3 rgb(236,205,163)
```
#f0ce9f
```
#f0ce9f rgb(240,206,159)
```
#f5ce9a
```
#f5ce9a rgb(245,206,154)
```
#f9cf96
```
#f9cf96 rgb(249,207,150)
```
#fdd092
```
#fdd092 rgb(253,208,146)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#dcd4c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d79d Protanopia 1% of men
#ffcf9c Deuteranopia 1% of men
#ffc9d7 Tritanopia 0.001% of the population

Trichromacy

#eed49b Protanomaly 1% of men, 0.01% of women
#fccf99 Deuteranomaly 6% of men, 0.4% of women
#fccbbf Tritanomaly 0.01% of the population

#f9cf96 hex color

#f9cf96 Color Information

#f9cf96 Color Conversion

Color Schemes with #f9cf96

Alternatives to #f9cf96

#f9cf96 Preview

Shades and Tints of #f9cf96

Tones of #f9cf96

Color Blindness Simulator