#f2a77e hex color

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

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

● #f2a77e color description : Soft orange.

The hexadecimal color #f2a77e has RGB values of R:242, G:167, B:126 and CMYK values of C:0, M:0.31, Y:0.48, K:0.05. Its decimal value is 15902590.

Hex triplet	f2a77e	`#f2a77e`
RGB Decimal	242, 167, 126	`rgb(242,167,126)`
RGB Percent	94.9, 65.5, 49.4	`rgb(94.9%,65.5%,49.4%)`
CMYK	0, 31, 48, 5
HSL	21.2°, 81.7, 72.2	`hsl(21.2,81.7%,72.2%)`
HSV (or HSB)	21.2°, 47.9, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	74.84, 23.082, 32.299
XYZ	54.203, 48.024, 26.152
xyY	0.422, 0.374, 48.024
CIE-LCH	74.84, 39.699, 54.449
CIE-LUV	74.84, 54.805, 37.314
Hunter-Lab	69.299, 18.341, 26.135
Binary	11110010, 10100111, 01111110

#f2a77e
```
#f2a77e rgb(242,167,126)
```
#7ec9f2
```
#7ec9f2 rgb(126,201,242)
```

Complementary Color

#f27e8f
```
#f27e8f rgb(242,126,143)
```
#f2a77e
```
#f2a77e rgb(242,167,126)
```
#f2e17e
```
#f2e17e rgb(242,225,126)
```

Analogous Color

#7e8ff2
```
#7e8ff2 rgb(126,143,242)
```
#f2a77e
```
#f2a77e rgb(242,167,126)
```
#7ef2e1
```
#7ef2e1 rgb(126,242,225)
```

Split Complementary Color

#a77ef2
```
#a77ef2 rgb(167,126,242)
```
#f2a77e
```
#f2a77e rgb(242,167,126)
```
#7ef2a7
```
#7ef2a7 rgb(126,242,167)
```

Triadic Color

#f27ec9
```
#f27ec9 rgb(242,126,201)
```
#f2a77e
```
#f2a77e rgb(242,167,126)
```
#7ef2a7
```
#7ef2a7 rgb(126,242,167)
```
#7ec9f2
```
#7ec9f2 rgb(126,201,242)
```

Tetradic Color

#eb7839
```
#eb7839 rgb(235,120,57)
```
#ed8750
```
#ed8750 rgb(237,135,80)
```
#f09767
```
#f09767 rgb(240,151,103)
```
#f2a77e
```
#f2a77e rgb(242,167,126)
```
#f4b795
```
#f4b795 rgb(244,183,149)
```
#f7c7ac
```
#f7c7ac rgb(247,199,172)
```
#f9d6c3
```
#f9d6c3 rgb(249,214,195)
```

Monochromatic Color

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

#f28a7e
```
#f28a7e rgb(242,138,126)
```
#f2947e
```
#f2947e rgb(242,148,126)
```
#f29d7e
```
#f29d7e rgb(242,157,126)
```
#f2a77e
```
#f2a77e rgb(242,167,126)
```
#f2b17e
```
#f2b17e rgb(242,177,126)
```
#f2ba7e
```
#f2ba7e rgb(242,186,126)
```
#f2c47e
```
#f2c47e rgb(242,196,126)
```

Similar Colors

Text with hexadecimal color #f2a77e

This text has a font color of #f2a77e.

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

#f2a77e background color

This paragraph has a background color of #f2a77e.

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

#f2a77e border color

This element has a border color of #f2a77e.

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

CSS codes

.text {color:#f2a77e;}

.background {background-color:#f2a77e;}

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

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

#0e0601
```
#0e0601 rgb(14,6,1)
```
#1f0d03
```
#1f0d03 rgb(31,13,3)
```
#311505
```
#311505 rgb(49,21,5)
```
#431c07
```
#431c07 rgb(67,28,7)
```
#552409
```
#552409 rgb(85,36,9)
```
#672b0a
```
#672b0a rgb(103,43,10)
```
#78320c
```
#78320c rgb(120,50,12)
```
#8a3a0e
```
#8a3a0e rgb(138,58,14)
```
#9c4110
```
#9c4110 rgb(156,65,16)
```
#ae4912
```
#ae4912 rgb(174,73,18)
```
#c05013
```
#c05013 rgb(192,80,19)
```
#d25815
```
#d25815 rgb(210,88,21)
```
#e35f17
```
#e35f17 rgb(227,95,23)
```

Shade Color Variation

#e96a25
```
#e96a25 rgb(233,106,37)
```
#eb7637
```
#eb7637 rgb(235,118,55)
```
#ed8349
```
#ed8349 rgb(237,131,73)
```
#ee8f5a
```
#ee8f5a rgb(238,143,90)
```
#f09b6c
```
#f09b6c rgb(240,155,108)
```
#f2a77e
```
#f2a77e rgb(242,167,126)
```
#f4b390
```
#f4b390 rgb(244,179,144)
```
#f6bfa2
```
#f6bfa2 rgb(246,191,162)
```
#f7cbb3
```
#f7cbb3 rgb(247,203,179)
```
#f9d8c5
```
#f9d8c5 rgb(249,216,197)
```
#fbe4d7
```
#fbe4d7 rgb(251,228,215)
```
#fdf0e9
```
#fdf0e9 rgb(253,240,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#bbb7b5
```
#bbb7b5 rgb(187,183,181)
```
#c1b5af
```
#c1b5af rgb(193,181,175)
```
#c6b4aa
```
#c6b4aa rgb(198,180,170)
```
#ccb2a4
```
#ccb2a4 rgb(204,178,164)
```
#d1b19f
```
#d1b19f rgb(209,177,159)
```
#d7af99
```
#d7af99 rgb(215,175,153)
```
#dcad94
```
#dcad94 rgb(220,173,148)
```
#e2ac8e
```
#e2ac8e rgb(226,172,142)
```
#e7aa89
```
#e7aa89 rgb(231,170,137)
```
#eda983
```
#eda983 rgb(237,169,131)
```
#f2a77e
```
#f2a77e rgb(242,167,126)
```
#f7a579
```
#f7a579 rgb(247,165,121)
```
#fda473
```
#fda473 rgb(253,164,115)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c4b5ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9bb8b Protanopia 1% of men
#dfb482 Deuteranopia 1% of men
#f6a5b0 Tritanopia 0.001% of the population

Trichromacy

#d8b486 Protanomaly 1% of men, 0.01% of women
#e6af80 Deuteranomaly 6% of men, 0.4% of women
#f5a69e Tritanomaly 0.01% of the population

#f2a77e hex color

#f2a77e Color Information

#f2a77e Color Conversion

Color Schemes with #f2a77e

Alternatives to #f2a77e

#f2a77e Preview

Shades and Tints of #f2a77e

Tones of #f2a77e

Color Blindness Simulator