#f2be84 hex color

In a RGB color space, hex #f2be84 is composed of 94.9% red, 74.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.5% magenta, 45.5% yellow and 5.1% black. It has a hue angle of 31.6 degrees, a saturation of 80.9% and a lightness of 73.3%. #f2be84 color hex could be obtained by blending #ffffff with #e57d09. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 75
- B 52
RGB color chart
- C 0
- M 21
- Y 45
- K 5
CMYK color chart

● #f2be84 color description : Soft orange.

The hexadecimal color #f2be84 has RGB values of R:242, G:190, B:132 and CMYK values of C:0, M:0.21, Y:0.45, K:0.05. Its decimal value is 15908484.

Hex triplet	f2be84	`#f2be84`
RGB Decimal	242, 190, 132	`rgb(242,190,132)`
RGB Percent	94.9, 74.5, 51.8	`rgb(94.9%,74.5%,51.8%)`
CMYK	0, 21, 45, 5
HSL	31.6°, 80.9, 73.3	`hsl(31.6,80.9%,73.3%)`
HSV (or HSB)	31.6°, 45.5, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	80.389, 11.526, 36.358
XYZ	59.196, 57.373, 29.785
xyY	0.404, 0.392, 57.373
CIE-LCH	80.389, 38.141, 72.41
CIE-LUV	80.389, 38.46, 45.293
Hunter-Lab	75.745, 6.949, 29.707
Binary	11110010, 10111110, 10000100

#f2be84
```
#f2be84 rgb(242,190,132)
```
#84b8f2
```
#84b8f2 rgb(132,184,242)
```

Complementary Color

#f28784
```
#f28784 rgb(242,135,132)
```
#f2be84
```
#f2be84 rgb(242,190,132)
```
#eff284
```
#eff284 rgb(239,242,132)
```

Analogous Color

#8784f2
```
#8784f2 rgb(135,132,242)
```
#f2be84
```
#f2be84 rgb(242,190,132)
```
#84eff2
```
#84eff2 rgb(132,239,242)
```

Split Complementary Color

#be84f2
```
#be84f2 rgb(190,132,242)
```
#f2be84
```
#f2be84 rgb(242,190,132)
```
#84f2be
```
#84f2be rgb(132,242,190)
```

Triadic Color

#f284b8
```
#f284b8 rgb(242,132,184)
```
#f2be84
```
#f2be84 rgb(242,190,132)
```
#84f2be
```
#84f2be rgb(132,242,190)
```
#84b8f2
```
#84b8f2 rgb(132,184,242)
```

Tetradic Color

#eb993f
```
#eb993f rgb(235,153,63)
```
#eda656
```
#eda656 rgb(237,166,86)
```
#f0b26d
```
#f0b26d rgb(240,178,109)
```
#f2be84
```
#f2be84 rgb(242,190,132)
```
#f4ca9b
```
#f4ca9b rgb(244,202,155)
```
#f7d6b2
```
#f7d6b2 rgb(247,214,178)
```
#f9e3c9
```
#f9e3c9 rgb(249,227,201)
```

Monochromatic Color

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

#f2a384
```
#f2a384 rgb(242,163,132)
```
#f2ac84
```
#f2ac84 rgb(242,172,132)
```
#f2b584
```
#f2b584 rgb(242,181,132)
```
#f2be84
```
#f2be84 rgb(242,190,132)
```
#f2c784
```
#f2c784 rgb(242,199,132)
```
#f2d084
```
#f2d084 rgb(242,208,132)
```
#f2da84
```
#f2da84 rgb(242,218,132)
```

Similar Colors

Text with hexadecimal color #f2be84

This text has a font color of #f2be84.

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

#f2be84 background color

This paragraph has a background color of #f2be84.

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

#f2be84 border color

This element has a border color of #f2be84.

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

CSS codes

.text {color:#f2be84;}

.background {background-color:#f2be84;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130b02
```
#130b02 rgb(19,11,2)
```
#251504
```
#251504 rgb(37,21,4)
```
#361f06
```
#361f06 rgb(54,31,6)
```
#482a08
```
#482a08 rgb(72,42,8)
```
#5a340a
```
#5a340a rgb(90,52,10)
```
#6c3e0b
```
#6c3e0b rgb(108,62,11)
```
#7d480d
```
#7d480d rgb(125,72,13)
```
#8f530f
```
#8f530f rgb(143,83,15)
```
#a15d11
```
#a15d11 rgb(161,93,17)
```
#b36713
```
#b36713 rgb(179,103,19)
```
#c47115
```
#c47115 rgb(196,113,21)
```
#d67c17
```
#d67c17 rgb(214,124,23)
```

Shade Color Variation

#e7861a
```
#e7861a rgb(231,134,26)
```
#e98f2b
```
#e98f2b rgb(233,143,43)
```
#eb993d
```
#eb993d rgb(235,153,61)
```
#eca24f
```
#eca24f rgb(236,162,79)
```
#eeab61
```
#eeab61 rgb(238,171,97)
```
#f0b572
```
#f0b572 rgb(240,181,114)
```
#f2be84
```
#f2be84 rgb(242,190,132)
```
#f4c796
```
#f4c796 rgb(244,199,150)
```
#f6d1a7
```
#f6d1a7 rgb(246,209,167)
```
#f8dab9
```
#f8dab9 rgb(248,218,185)
```
#fae4cb
```
#fae4cb rgb(250,228,203)
```
#fbeddd
```
#fbeddd rgb(251,237,221)
```
#fdf6ee
```
#fdf6ee rgb(253,246,238)
```

Tint Color Variation

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

#bebbb8
```
#bebbb8 rgb(190,187,184)
```
#c3bbb3
```
#c3bbb3 rgb(195,187,179)
```
#c8bcae
```
#c8bcae rgb(200,188,174)
```
#cdbca9
```
#cdbca9 rgb(205,188,169)
```
#d3bca3
```
#d3bca3 rgb(211,188,163)
```
#d8bd9e
```
#d8bd9e rgb(216,189,158)
```
#ddbd99
```
#ddbd99 rgb(221,189,153)
```
#e2bd94
```
#e2bd94 rgb(226,189,148)
```
#e8bd8e
```
#e8bd8e rgb(232,189,142)
```
#edbe89
```
#edbe89 rgb(237,190,137)
```
#f2be84
```
#f2be84 rgb(242,190,132)
```
#f7be7f
```
#f7be7f rgb(247,190,127)
```
#fcbf7a
```
#fcbf7a rgb(252,191,122)
```

Tone Color Variation

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

Dichromacy

#daca8d Protanopia 1% of men
#f1c28a Deuteranopia 1% of men
#f8b9c6 Tritanopia 0.001% of the population

Trichromacy

#e2c58a Protanomaly 1% of men, 0.01% of women
#f1c087 Deuteranomaly 6% of men, 0.4% of women
#f6bbae Tritanomaly 0.01% of the population

#f2be84 hex color

#f2be84 Color Information

#f2be84 Color Conversion

Color Schemes with #f2be84

Alternatives to #f2be84

#f2be84 Preview

Shades and Tints of #f2be84

Tones of #f2be84

Color Blindness Simulator