#f2a56e hex color

In a RGB color space, hex #f2a56e is composed of 94.9% red, 64.7% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 54.5% yellow and 5.1% black. It has a hue angle of 25 degrees, a saturation of 83.5% and a lightness of 69%. #f2a56e color hex could be obtained by blending #ffffdc with #e54b00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 65
- B 43
RGB color chart
- C 0
- M 32
- Y 55
- K 5
CMYK color chart

● #f2a56e color description : Soft orange.

The hexadecimal color #f2a56e has RGB values of R:242, G:165, B:110 and CMYK values of C:0, M:0.32, Y:0.55, K:0.05. Its decimal value is 15902062.

Hex triplet	f2a56e	`#f2a56e`
RGB Decimal	242, 165, 110	`rgb(242,165,110)`
RGB Percent	94.9, 64.7, 43.1	`rgb(94.9%,64.7%,43.1%)`
CMYK	0, 32, 55, 5
HSL	25°, 83.5, 69	`hsl(25,83.5%,69%)`
HSV (or HSB)	25°, 54.5, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	74.136, 22.736, 39.815
XYZ	52.888, 46.916, 21.021
xyY	0.438, 0.388, 46.916
CIE-LCH	74.136, 45.849, 60.272
CIE-LUV	74.136, 58.064, 45.094
Hunter-Lab	68.496, 17.96, 29.751
Binary	11110010, 10100101, 01101110

#f2a56e
```
#f2a56e rgb(242,165,110)
```
#6ebbf2
```
#6ebbf2 rgb(110,187,242)
```

Complementary Color

#f26e79
```
#f26e79 rgb(242,110,121)
```
#f2a56e
```
#f2a56e rgb(242,165,110)
```
#f2e76e
```
#f2e76e rgb(242,231,110)
```

Analogous Color

#6e79f2
```
#6e79f2 rgb(110,121,242)
```
#f2a56e
```
#f2a56e rgb(242,165,110)
```
#6ef2e7
```
#6ef2e7 rgb(110,242,231)
```

Split Complementary Color

#a56ef2
```
#a56ef2 rgb(165,110,242)
```
#f2a56e
```
#f2a56e rgb(242,165,110)
```
#6ef2a5
```
#6ef2a5 rgb(110,242,165)
```

Triadic Color

#f26ebb
```
#f26ebb rgb(242,110,187)
```
#f2a56e
```
#f2a56e rgb(242,165,110)
```
#6ef2a5
```
#6ef2a5 rgb(110,242,165)
```
#6ebbf2
```
#6ebbf2 rgb(110,187,242)
```

Tetradic Color

#ec7928
```
#ec7928 rgb(236,121,40)
```
#ee883f
```
#ee883f rgb(238,136,63)
```
#f09657
```
#f09657 rgb(240,150,87)
```
#f2a56e
```
#f2a56e rgb(242,165,110)
```
#f4b485
```
#f4b485 rgb(244,180,133)
```
#f6c29d
```
#f6c29d rgb(246,194,157)
```
#f8d1b4
```
#f8d1b4 rgb(248,209,180)
```

Monochromatic Color

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

#f2846e
```
#f2846e rgb(242,132,110)
```
#f28f6e
```
#f28f6e rgb(242,143,110)
```
#f29a6e
```
#f29a6e rgb(242,154,110)
```
#f2a56e
```
#f2a56e rgb(242,165,110)
```
#f2b06e
```
#f2b06e rgb(242,176,110)
```
#f2bb6e
```
#f2bb6e rgb(242,187,110)
```
#f2c66e
```
#f2c66e rgb(242,198,110)
```

Similar Colors

Text with hexadecimal color #f2a56e

This text has a font color of #f2a56e.

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

#f2a56e background color

This paragraph has a background color of #f2a56e.

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

#f2a56e border color

This element has a border color of #f2a56e.

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

CSS codes

.text {color:#f2a56e;}

.background {background-color:#f2a56e;}

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

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

#110802
```
#110802 rgb(17,8,2)
```
#231003
```
#231003 rgb(35,16,3)
```
#351905
```
#351905 rgb(53,25,5)
```
#472106
```
#472106 rgb(71,33,6)
```
#592a08
```
#592a08 rgb(89,42,8)
```
#6b320a
```
#6b320a rgb(107,50,10)
```
#7d3b0b
```
#7d3b0b rgb(125,59,11)
```
#8f430d
```
#8f430d rgb(143,67,13)
```
#a14c0e
```
#a14c0e rgb(161,76,14)
```
#b35410
```
#b35410 rgb(179,84,16)
```
#c55c12
```
#c55c12 rgb(197,92,18)
```
#d76513
```
#d76513 rgb(215,101,19)
```
#e96d15
```
#e96d15 rgb(233,109,21)
```

Shade Color Variation

#ec7826
```
#ec7826 rgb(236,120,38)
```
#ed8338
```
#ed8338 rgb(237,131,56)
```
#ef8f4a
```
#ef8f4a rgb(239,143,74)
```
#f09a5c
```
#f09a5c rgb(240,154,92)
```
#f2a56e
```
#f2a56e rgb(242,165,110)
```
#f4b080
```
#f4b080 rgb(244,176,128)
```
#f5bb92
```
#f5bb92 rgb(245,187,146)
```
#f7c7a4
```
#f7c7a4 rgb(247,199,164)
```
#f8d2b6
```
#f8d2b6 rgb(248,210,182)
```
#faddc8
```
#faddc8 rgb(250,221,200)
```
#fce8da
```
#fce8da rgb(252,232,218)
```
#fdf3ec
```
#fdf3ec rgb(253,243,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#b5afab
```
#b5afab rgb(181,175,171)
```
#bbaea5
```
#bbaea5 rgb(187,174,165)
```
#c1ad9f
```
#c1ad9f rgb(193,173,159)
```
#c7ac99
```
#c7ac99 rgb(199,172,153)
```
#ceab92
```
#ceab92 rgb(206,171,146)
```
#d4aa8c
```
#d4aa8c rgb(212,170,140)
```
#daa986
```
#daa986 rgb(218,169,134)
```
#e0a880
```
#e0a880 rgb(224,168,128)
```
#e6a77a
```
#e6a77a rgb(230,167,122)
```
#eca674
```
#eca674 rgb(236,166,116)
```
#f2a56e
```
#f2a56e rgb(242,165,110)
```
#f8a468
```
#f8a468 rgb(248,164,104)
```
#fea362
```
#fea362 rgb(254,163,98)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#c2b3a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b97b Protanopia 1% of men
#e0b273 Deuteranopia 1% of men
#f7a2ad Tritanopia 0.001% of the population

Trichromacy

#d8b276 Protanomaly 1% of men, 0.01% of women
#e6ad71 Deuteranomaly 6% of men, 0.4% of women
#f5a396 Tritanomaly 0.01% of the population

#f2a56e hex color

#f2a56e Color Information

#f2a56e Color Conversion

Color Schemes with #f2a56e

Alternatives to #f2a56e

#f2a56e Preview

Shades and Tints of #f2a56e

Tones of #f2a56e

Color Blindness Simulator