#f2ba7e hex color

In a RGB color space, hex #f2ba7e is composed of 94.9% red, 72.9% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.1% magenta, 47.9% yellow and 5.1% black. It has a hue angle of 31 degrees, a saturation of 81.7% and a lightness of 72.2%. #f2ba7e color hex could be obtained by blending #fffffc with #e57500. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 73
- B 49
RGB color chart
- C 0
- M 23
- Y 48
- K 5
CMYK color chart

● #f2ba7e color description : Soft orange.

The hexadecimal color #f2ba7e has RGB values of R:242, G:186, B:126 and CMYK values of C:0, M:0.23, Y:0.48, K:0.05. Its decimal value is 15907454.

Hex triplet	f2ba7e	`#f2ba7e`
RGB Decimal	242, 186, 126	`rgb(242,186,126)`
RGB Percent	94.9, 72.9, 49.4	`rgb(94.9%,72.9%,49.4%)`
CMYK	0, 23, 48, 5
HSL	31°, 81.7, 72.2	`hsl(31,81.7%,72.2%)`
HSV (or HSB)	31°, 47.9, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.331, 13.051, 38.097
XYZ	57.943, 55.504, 27.399
xyY	0.411, 0.394, 55.504
CIE-LCH	79.331, 40.27, 71.089
CIE-LUV	79.331, 41.703, 46.635
Hunter-Lab	74.501, 8.451, 30.346
Binary	11110010, 10111010, 01111110

#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#7eb6f2
```
#7eb6f2 rgb(126,182,242)
```

Complementary Color

#f2807e
```
#f2807e rgb(242,128,126)
```
#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#f0f27e
```
#f0f27e rgb(240,242,126)
```

Analogous Color

#807ef2
```
#807ef2 rgb(128,126,242)
```
#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#7ef0f2
```
#7ef0f2 rgb(126,240,242)
```

Split Complementary Color

#ba7ef2
```
#ba7ef2 rgb(186,126,242)
```
#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#7ef2ba
```
#7ef2ba rgb(126,242,186)
```

Triadic Color

#f27eb6
```
#f27eb6 rgb(242,126,182)
```
#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#7ef2ba
```
#7ef2ba rgb(126,242,186)
```
#7eb6f2
```
#7eb6f2 rgb(126,182,242)
```

Tetradic Color

#eb9539
```
#eb9539 rgb(235,149,57)
```
#eda150
```
#eda150 rgb(237,161,80)
```
#f0ae67
```
#f0ae67 rgb(240,174,103)
```
#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#f4c695
```
#f4c695 rgb(244,198,149)
```
#f7d3ac
```
#f7d3ac rgb(247,211,172)
```
#f9dfc3
```
#f9dfc3 rgb(249,223,195)
```

Monochromatic Color

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

#f29d7e
```
#f29d7e rgb(242,157,126)
```
#f2a77e
```
#f2a77e rgb(242,167,126)
```
#f2b07e
```
#f2b07e rgb(242,176,126)
```
#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#f2c47e
```
#f2c47e rgb(242,196,126)
```
#f2cd7e
```
#f2cd7e rgb(242,205,126)
```
#f2d77e
```
#f2d77e rgb(242,215,126)
```

Similar Colors

Text with hexadecimal color #f2ba7e

This text has a font color of #f2ba7e.

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

#f2ba7e background color

This paragraph has a background color of #f2ba7e.

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

#f2ba7e border color

This element has a border color of #f2ba7e.

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

CSS codes

.text {color:#f2ba7e;}

.background {background-color:#f2ba7e;}

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

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

#0e0801
```
#0e0801 rgb(14,8,1)
```
#1f1203
```
#1f1203 rgb(31,18,3)
```
#311c05
```
#311c05 rgb(49,28,5)
```
#432607
```
#432607 rgb(67,38,7)
```
#553009
```
#553009 rgb(85,48,9)
```
#673a0a
```
#673a0a rgb(103,58,10)
```
#78440c
```
#78440c rgb(120,68,12)
```
#8a4e0e
```
#8a4e0e rgb(138,78,14)
```
#9c5810
```
#9c5810 rgb(156,88,16)
```
#ae6212
```
#ae6212 rgb(174,98,18)
```
#c06d13
```
#c06d13 rgb(192,109,19)
```
#d27715
```
#d27715 rgb(210,119,21)
```
#e38117
```
#e38117 rgb(227,129,23)
```

Shade Color Variation

#e98a25
```
#e98a25 rgb(233,138,37)
```
#eb9437
```
#eb9437 rgb(235,148,55)
```
#ed9d49
```
#ed9d49 rgb(237,157,73)
```
#eea75a
```
#eea75a rgb(238,167,90)
```
#f0b06c
```
#f0b06c rgb(240,176,108)
```
#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#f4c490
```
#f4c490 rgb(244,196,144)
```
#f6cda2
```
#f6cda2 rgb(246,205,162)
```
#f7d7b3
```
#f7d7b3 rgb(247,215,179)
```
#f9e0c5
```
#f9e0c5 rgb(249,224,197)
```
#fbead7
```
#fbead7 rgb(251,234,215)
```
#fdf3e9
```
#fdf3e9 rgb(253,243,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#bbb8b5
```
#bbb8b5 rgb(187,184,181)
```
#c1b8af
```
#c1b8af rgb(193,184,175)
```
#c6b8aa
```
#c6b8aa rgb(198,184,170)
```
#ccb9a4
```
#ccb9a4 rgb(204,185,164)
```
#d1b99f
```
#d1b99f rgb(209,185,159)
```
#d7b999
```
#d7b999 rgb(215,185,153)
```
#dcb994
```
#dcb994 rgb(220,185,148)
```
#e2b98e
```
#e2b98e rgb(226,185,142)
```
#e7ba89
```
#e7ba89 rgb(231,186,137)
```
#edba83
```
#edba83 rgb(237,186,131)
```
#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#f7ba79
```
#f7ba79 rgb(247,186,121)
```
#fdba73
```
#fdba73 rgb(253,186,115)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#cdc2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c788 Protanopia 1% of men
#eebf84 Deuteranopia 1% of men
#f8b5c2 Tritanopia 0.001% of the population

Trichromacy

#e1c284 Protanomaly 1% of men, 0.01% of women
#efbd81 Deuteranomaly 6% of men, 0.4% of women
#f6b7a9 Tritanomaly 0.01% of the population

#f2ba7e hex color

#f2ba7e Color Information

#f2ba7e Color Conversion

Color Schemes with #f2ba7e

Alternatives to #f2ba7e

#f2ba7e Preview

Shades and Tints of #f2ba7e

Tones of #f2ba7e

Color Blindness Simulator