#f2b964 hex color

In a RGB color space, hex #f2b964 is composed of 94.9% red, 72.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.6% magenta, 58.7% yellow and 5.1% black. It has a hue angle of 35.9 degrees, a saturation of 84.5% and a lightness of 67.1%. #f2b964 color hex could be obtained by blending #ffffc8 with #e57300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 73
- B 39
RGB color chart
- C 0
- M 24
- Y 59
- K 5
CMYK color chart

● #f2b964 color description : Soft orange.

The hexadecimal color #f2b964 has RGB values of R:242, G:185, B:100 and CMYK values of C:0, M:0.24, Y:0.59, K:0.05. Its decimal value is 15907172.

Hex triplet	f2b964	`#f2b964`
RGB Decimal	242, 185, 100	`rgb(242,185,100)`
RGB Percent	94.9, 72.5, 39.2	`rgb(94.9%,72.5%,39.2%)`
CMYK	0, 24, 59, 5
HSL	35.9°, 84.5, 67.1	`hsl(35.9,84.5%,67.1%)`
HSV (or HSB)	35.9°, 58.7, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	78.751, 11.423, 50.416
XYZ	56.268, 54.498, 19.611
xyY	0.432, 0.418, 54.498
CIE-LCH	78.751, 51.694, 77.234
CIE-LUV	78.751, 44.539, 58.978
Hunter-Lab	73.823, 6.863, 35.925
Binary	11110010, 10111001, 01100100

#f2b964
```
#f2b964 rgb(242,185,100)
```
#649df2
```
#649df2 rgb(100,157,242)
```

Complementary Color

#f27264
```
#f27264 rgb(242,114,100)
```
#f2b964
```
#f2b964 rgb(242,185,100)
```
#e4f264
```
#e4f264 rgb(228,242,100)
```

Analogous Color

#7264f2
```
#7264f2 rgb(114,100,242)
```
#f2b964
```
#f2b964 rgb(242,185,100)
```
#64e4f2
```
#64e4f2 rgb(100,228,242)
```

Split Complementary Color

#b964f2
```
#b964f2 rgb(185,100,242)
```
#f2b964
```
#f2b964 rgb(242,185,100)
```
#64f2b9
```
#64f2b9 rgb(100,242,185)
```

Triadic Color

#f2649d
```
#f2649d rgb(242,100,157)
```
#f2b964
```
#f2b964 rgb(242,185,100)
```
#64f2b9
```
#64f2b9 rgb(100,242,185)
```
#649df2
```
#649df2 rgb(100,157,242)
```

Tetradic Color

#ec991d
```
#ec991d rgb(236,153,29)
```
#eea435
```
#eea435 rgb(238,164,53)
```
#f0ae4c
```
#f0ae4c rgb(240,174,76)
```
#f2b964
```
#f2b964 rgb(242,185,100)
```
#f4c47c
```
#f4c47c rgb(244,196,124)
```
#f6ce93
```
#f6ce93 rgb(246,206,147)
```
#f8d9ab
```
#f8d9ab rgb(248,217,171)
```

Monochromatic Color

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

#f29664
```
#f29664 rgb(242,150,100)
```
#f2a164
```
#f2a164 rgb(242,161,100)
```
#f2ad64
```
#f2ad64 rgb(242,173,100)
```
#f2b964
```
#f2b964 rgb(242,185,100)
```
#f2c564
```
#f2c564 rgb(242,197,100)
```
#f2d164
```
#f2d164 rgb(242,209,100)
```
#f2dd64
```
#f2dd64 rgb(242,221,100)
```

Similar Colors

Text with hexadecimal color #f2b964

This text has a font color of #f2b964.

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

#f2b964 background color

This paragraph has a background color of #f2b964.

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

#f2b964 border color

This element has a border color of #f2b964.

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

CSS codes

.text {color:#f2b964;}

.background {background-color:#f2b964;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#1a1002
```
#1a1002 rgb(26,16,2)
```
#2c1c04
```
#2c1c04 rgb(44,28,4)
```
#3e2705
```
#3e2705 rgb(62,39,5)
```
#503307
```
#503307 rgb(80,51,7)
```
#623e08
```
#623e08 rgb(98,62,8)
```
#744a0a
```
#744a0a rgb(116,74,10)
```
#87550b
```
#87550b rgb(135,85,11)
```
#99610d
```
#99610d rgb(153,97,13)
```
#ab6c0e
```
#ab6c0e rgb(171,108,14)
```
#bd7710
```
#bd7710 rgb(189,119,16)
```
#cf8311
```
#cf8311 rgb(207,131,17)
```
#e18e13
```
#e18e13 rgb(225,142,19)
```

Shade Color Variation

#ec981c
```
#ec981c rgb(236,152,28)
```
#eda02e
```
#eda02e rgb(237,160,46)
```
#efa940
```
#efa940 rgb(239,169,64)
```
#f0b152
```
#f0b152 rgb(240,177,82)
```
#f2b964
```
#f2b964 rgb(242,185,100)
```
#f4c176
```
#f4c176 rgb(244,193,118)
```
#f5c988
```
#f5c988 rgb(245,201,136)
```
#f7d29a
```
#f7d29a rgb(247,210,154)
```
#f8daac
```
#f8daac rgb(248,218,172)
```
#fae2be
```
#fae2be rgb(250,226,190)
```
#fbead1
```
#fbead1 rgb(251,234,209)
```
#fdf2e3
```
#fdf2e3 rgb(253,242,227)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#b1aca5
```
#b1aca5 rgb(177,172,165)
```
#b8ae9e
```
#b8ae9e rgb(184,174,158)
```
#beaf98
```
#beaf98 rgb(190,175,152)
```
#c5b091
```
#c5b091 rgb(197,176,145)
```
#cbb18b
```
#cbb18b rgb(203,177,139)
```
#d2b384
```
#d2b384 rgb(210,179,132)
```
#d8b47e
```
#d8b47e rgb(216,180,126)
```
#dfb577
```
#dfb577 rgb(223,181,119)
```
#e5b671
```
#e5b671 rgb(229,182,113)
```
#ecb86a
```
#ecb86a rgb(236,184,106)
```
#f2b964
```
#f2b964 rgb(242,185,100)
```
#f8ba5e
```
#f8ba5e rgb(248,186,94)
```
#ffbc57
```
#ffbc57 rgb(255,188,87)
```

Tone Color Variation

Below, you can see how #f2b964 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
#cabfae Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c66f Protanopia 1% of men
#f1bd6b Deuteranopia 1% of men
#fab3bf Tritanopia 0.001% of the population

Trichromacy

#e2c16b Protanomaly 1% of men, 0.01% of women
#f1bb69 Deuteranomaly 6% of men, 0.4% of women
#f7b59e Tritanomaly 0.01% of the population

#f2b964 hex color

#f2b964 Color Information

#f2b964 Color Conversion

Color Schemes with #f2b964

Alternatives to #f2b964

#f2b964 Preview

Shades and Tints of #f2b964

Tones of #f2b964

Color Blindness Simulator