#f9bf70 hex color

In a RGB color space, hex #f9bf70 is composed of 97.6% red, 74.9% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 55% yellow and 2.4% black. It has a hue angle of 34.6 degrees, a saturation of 91.9% and a lightness of 70.8%. #f9bf70 color hex could be obtained by blending #ffffe0 with #f37f00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 98
- G 75
- B 44
RGB color chart
- C 0
- M 23
- Y 55
- K 2
CMYK color chart

● #f9bf70 color description : Soft orange.

The hexadecimal color #f9bf70 has RGB values of R:249, G:191, B:112 and CMYK values of C:0, M:0.23, Y:0.55, K:0.02. Its decimal value is 16367472.

Hex triplet	f9bf70	`#f9bf70`
RGB Decimal	249, 191, 112	`rgb(249,191,112)`
RGB Percent	97.6, 74.9, 43.9	`rgb(97.6%,74.9%,43.9%)`
CMYK	0, 23, 55, 2
HSL	34.6°, 91.9, 70.8	`hsl(34.6,91.9%,70.8%)`
HSV (or HSB)	34.6°, 55, 97.6
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.057, 12.049, 47.471
XYZ	60.623, 58.574, 23.441
xyY	0.425, 0.411, 58.574
CIE-LCH	81.057, 48.977, 75.759
CIE-LUV	81.057, 44.632, 56.733
Hunter-Lab	76.534, 7.457, 35.414
Binary	11111001, 10111111, 01110000

#f9bf70
```
#f9bf70 rgb(249,191,112)
```
#70aaf9
```
#70aaf9 rgb(112,170,249)
```

Complementary Color

#f97b70
```
#f97b70 rgb(249,123,112)
```
#f9bf70
```
#f9bf70 rgb(249,191,112)
```
#eff970
```
#eff970 rgb(239,249,112)
```

Analogous Color

#7b70f9
```
#7b70f9 rgb(123,112,249)
```
#f9bf70
```
#f9bf70 rgb(249,191,112)
```
#70eff9
```
#70eff9 rgb(112,239,249)
```

Split Complementary Color

#bf70f9
```
#bf70f9 rgb(191,112,249)
```
#f9bf70
```
#f9bf70 rgb(249,191,112)
```
#70f9bf
```
#70f9bf rgb(112,249,191)
```

Triadic Color

#f970aa
```
#f970aa rgb(249,112,170)
```
#f9bf70
```
#f9bf70 rgb(249,191,112)
```
#70f9bf
```
#70f9bf rgb(112,249,191)
```
#70aaf9
```
#70aaf9 rgb(112,170,249)
```

Tetradic Color

#f69e27
```
#f69e27 rgb(246,158,39)
```
#f7a93f
```
#f7a93f rgb(247,169,63)
```
#f8b458
```
#f8b458 rgb(248,180,88)
```
#f9bf70
```
#f9bf70 rgb(249,191,112)
```
#faca88
```
#faca88 rgb(250,202,136)
```
#fbd5a1
```
#fbd5a1 rgb(251,213,161)
```
#fce0b9
```
#fce0b9 rgb(252,224,185)
```

Monochromatic Color

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

#f99d70
```
#f99d70 rgb(249,157,112)
```
#f9a870
```
#f9a870 rgb(249,168,112)
```
#f9b470
```
#f9b470 rgb(249,180,112)
```
#f9bf70
```
#f9bf70 rgb(249,191,112)
```
#f9ca70
```
#f9ca70 rgb(249,202,112)
```
#f9d670
```
#f9d670 rgb(249,214,112)
```
#f9e170
```
#f9e170 rgb(249,225,112)
```

Similar Colors

Text with hexadecimal color #f9bf70

This text has a font color of #f9bf70.

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

#f9bf70 background color

This paragraph has a background color of #f9bf70.

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

#f9bf70 border color

This element has a border color of #f9bf70.

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

CSS codes

.text {color:#f9bf70;}

.background {background-color:#f9bf70;}

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

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

#080500
```
#080500 rgb(8,5,0)
```
#1a1001
```
#1a1001 rgb(26,16,1)
```
#2d1b02
```
#2d1b02 rgb(45,27,2)
```
#402603
```
#402603 rgb(64,38,3)
```
#533103
```
#533103 rgb(83,49,3)
```
#663c04
```
#663c04 rgb(102,60,4)
```
#794805
```
#794805 rgb(121,72,5)
```
#8b5306
```
#8b5306 rgb(139,83,6)
```
#9e5e07
```
#9e5e07 rgb(158,94,7)
```
#b16907
```
#b16907 rgb(177,105,7)
```
#c47408
```
#c47408 rgb(196,116,8)
```
#d78009
```
#d78009 rgb(215,128,9)
```
#ea8b0a
```
#ea8b0a rgb(234,139,10)
```

Shade Color Variation

#f59512
```
#f59512 rgb(245,149,18)
```
#f69d25
```
#f69d25 rgb(246,157,37)
```
#f7a638
```
#f7a638 rgb(247,166,56)
```
#f7ae4a
```
#f7ae4a rgb(247,174,74)
```
#f8b75d
```
#f8b75d rgb(248,183,93)
```
#f9bf70
```
#f9bf70 rgb(249,191,112)
```
#fac783
```
#fac783 rgb(250,199,131)
```
#fbd096
```
#fbd096 rgb(251,208,150)
```
#fbd8a8
```
#fbd8a8 rgb(251,216,168)
```
#fce1bb
```
#fce1bb rgb(252,225,187)
```
#fde9ce
```
#fde9ce rgb(253,233,206)
```
#fef2e1
```
#fef2e1 rgb(254,242,225)
```
#fffaf4
```
#fffaf4 rgb(255,250,244)
```

Tint Color Variation

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

#bab5af
```
#bab5af rgb(186,181,175)
```
#c0b6a9
```
#c0b6a9 rgb(192,182,169)
```
#c5b7a4
```
#c5b7a4 rgb(197,183,164)
```
#cbb89e
```
#cbb89e rgb(203,184,158)
```
#d1b998
```
#d1b998 rgb(209,185,152)
```
#d7ba92
```
#d7ba92 rgb(215,186,146)
```
#dcbb8d
```
#dcbb8d rgb(220,187,141)
```
#e2bb87
```
#e2bb87 rgb(226,187,135)
```
#e8bc81
```
#e8bc81 rgb(232,188,129)
```
#eebd7b
```
#eebd7b rgb(238,189,123)
```
#f3be76
```
#f3be76 rgb(243,190,118)
```
#f9bf70
```
#f9bf70 rgb(249,191,112)
```
#ffc06a
```
#ffc06a rgb(255,192,106)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d1c5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#decc7a Protanopia 1% of men
#f7c377 Deuteranopia 1% of men
#ffb9c5 Tritanopia 0.001% of the population

Trichromacy

#e8c776 Protanomaly 1% of men, 0.01% of women
#f7c174 Deuteranomaly 6% of men, 0.4% of women
#fcbba6 Tritanomaly 0.01% of the population

#f9bf70 hex color

#f9bf70 Color Information

#f9bf70 Color Conversion

Color Schemes with #f9bf70

Alternatives to #f9bf70

#f9bf70 Preview

Shades and Tints of #f9bf70

Tones of #f9bf70

Color Blindness Simulator