#f2a471 hex color

In a RGB color space, hex #f2a471 is composed of 94.9% red, 64.3% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.2% magenta, 53.3% yellow and 5.1% black. It has a hue angle of 23.7 degrees, a saturation of 83.2% and a lightness of 69.6%. #f2a471 color hex could be obtained by blending #ffffe2 with #e54900. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 64
- B 44
RGB color chart
- C 0
- M 32
- Y 53
- K 5
CMYK color chart

● #f2a471 color description : Soft orange.

The hexadecimal color #f2a471 has RGB values of R:242, G:164, B:113 and CMYK values of C:0, M:0.32, Y:0.53, K:0.05. Its decimal value is 15901809.

Hex triplet	f2a471	`#f2a471`
RGB Decimal	242, 164, 113	`rgb(242,164,113)`
RGB Percent	94.9, 64.3, 44.3	`rgb(94.9%,64.3%,44.3%)`
CMYK	0, 32, 53, 5
HSL	23.7°, 83.2, 69.6	`hsl(23.7,83.2%,69.6%)`
HSV (or HSB)	23.7°, 53.3, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	73.948, 23.511, 38.016
XYZ	52.875, 46.624, 21.836
xyY	0.436, 0.384, 46.624
CIE-LCH	73.948, 44.699, 58.265
CIE-LUV	73.948, 58.448, 43.069
Hunter-Lab	68.281, 18.732, 28.836
Binary	11110010, 10100100, 01110001

#f2a471
```
#f2a471 rgb(242,164,113)
```
#71bff2
```
#71bff2 rgb(113,191,242)
```

Complementary Color

#f2717f
```
#f2717f rgb(242,113,127)
```
#f2a471
```
#f2a471 rgb(242,164,113)
```
#f2e571
```
#f2e571 rgb(242,229,113)
```

Analogous Color

#717ff2
```
#717ff2 rgb(113,127,242)
```
#f2a471
```
#f2a471 rgb(242,164,113)
```
#71f2e5
```
#71f2e5 rgb(113,242,229)
```

Split Complementary Color

#a471f2
```
#a471f2 rgb(164,113,242)
```
#f2a471
```
#f2a471 rgb(242,164,113)
```
#71f2a4
```
#71f2a4 rgb(113,242,164)
```

Triadic Color

#f271bf
```
#f271bf rgb(242,113,191)
```
#f2a471
```
#f2a471 rgb(242,164,113)
```
#71f2a4
```
#71f2a4 rgb(113,242,164)
```
#71bff2
```
#71bff2 rgb(113,191,242)
```

Tetradic Color

#ec772b
```
#ec772b rgb(236,119,43)
```
#ee8642
```
#ee8642 rgb(238,134,66)
```
#f0955a
```
#f0955a rgb(240,149,90)
```
#f2a471
```
#f2a471 rgb(242,164,113)
```
#f4b388
```
#f4b388 rgb(244,179,136)
```
#f6c2a0
```
#f6c2a0 rgb(246,194,160)
```
#f8d1b7
```
#f8d1b7 rgb(248,209,183)
```

Monochromatic Color

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

#f28471
```
#f28471 rgb(242,132,113)
```
#f28f71
```
#f28f71 rgb(242,143,113)
```
#f29971
```
#f29971 rgb(242,153,113)
```
#f2a471
```
#f2a471 rgb(242,164,113)
```
#f2af71
```
#f2af71 rgb(242,175,113)
```
#f2ba71
```
#f2ba71 rgb(242,186,113)
```
#f2c471
```
#f2c471 rgb(242,196,113)
```

Similar Colors

Text with hexadecimal color #f2a471

This text has a font color of #f2a471.

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

#f2a471 background color

This paragraph has a background color of #f2a471.

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

#f2a471 border color

This element has a border color of #f2a471.

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

CSS codes

.text {color:#f2a471;}

.background {background-color:#f2a471;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140902
```
#140902 rgb(20,9,2)
```
#261103
```
#261103 rgb(38,17,3)
```
#381905
```
#381905 rgb(56,25,5)
```
#4a2107
```
#4a2107 rgb(74,33,7)
```
#5c2908
```
#5c2908 rgb(92,41,8)
```
#6e310a
```
#6e310a rgb(110,49,10)
```
#80390c
```
#80390c rgb(128,57,12)
```
#92420d
```
#92420d rgb(146,66,13)
```
#a34a0f
```
#a34a0f rgb(163,74,15)
```
#b55211
```
#b55211 rgb(181,82,17)
```
#c75a12
```
#c75a12 rgb(199,90,18)
```
#d96214
```
#d96214 rgb(217,98,20)
```

Shade Color Variation

#ea6a17
```
#ea6a17 rgb(234,106,23)
```
#eb7629
```
#eb7629 rgb(235,118,41)
```
#ed813b
```
#ed813b rgb(237,129,59)
```
#ef8d4d
```
#ef8d4d rgb(239,141,77)
```
#f0985f
```
#f0985f rgb(240,152,95)
```
#f2a471
```
#f2a471 rgb(242,164,113)
```
#f4b083
```
#f4b083 rgb(244,176,131)
```
#f5bb95
```
#f5bb95 rgb(245,187,149)
```
#f7c7a7
```
#f7c7a7 rgb(247,199,167)
```
#f9d2b9
```
#f9d2b9 rgb(249,210,185)
```
#fadecb
```
#fadecb rgb(250,222,203)
```
#fce9dd
```
#fce9dd rgb(252,233,221)
```
#fef5ef
```
#fef5ef rgb(254,245,239)
```

Tint Color Variation

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

#b6b0ad
```
#b6b0ad rgb(182,176,173)
```
#bcafa7
```
#bcafa7 rgb(188,175,167)
```
#c2aea1
```
#c2aea1 rgb(194,174,161)
```
#c8ad9b
```
#c8ad9b rgb(200,173,155)
```
#ceab95
```
#ceab95 rgb(206,171,149)
```
#d4aa8f
```
#d4aa8f rgb(212,170,143)
```
#daa989
```
#daa989 rgb(218,169,137)
```
#e0a883
```
#e0a883 rgb(224,168,131)
```
#e6a67d
```
#e6a67d rgb(230,166,125)
```
#eca577
```
#eca577 rgb(236,165,119)
```
#f2a471
```
#f2a471 rgb(242,164,113)
```
#f8a36b
```
#f8a36b rgb(248,163,107)
```
#fea265
```
#fea265 rgb(254,162,101)
```

Tone Color Variation

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

Dichromacy

#c8b97e Protanopia 1% of men
#deb175 Deuteranopia 1% of men
#f7a1ac Tritanopia 0.001% of the population

Trichromacy

#d7b179 Protanomaly 1% of men, 0.01% of women
#e5ac74 Deuteranomaly 6% of men, 0.4% of women
#f5a297 Tritanomaly 0.01% of the population

#f2a471 hex color

#f2a471 Color Information

#f2a471 Color Conversion

Color Schemes with #f2a471

Alternatives to #f2a471

#f2a471 Preview

Shades and Tints of #f2a471

Tones of #f2a471

Color Blindness Simulator