#f2a970 hex color

In a RGB color space, hex #f2a970 is composed of 94.9% red, 66.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 53.7% yellow and 5.1% black. It has a hue angle of 26.3 degrees, a saturation of 83.3% and a lightness of 69.4%. #f2a970 color hex could be obtained by blending #ffffe0 with #e55300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 66
- B 44
RGB color chart
- C 0
- M 30
- Y 54
- K 5
CMYK color chart

● #f2a970 color description : Soft orange.

The hexadecimal color #f2a970 has RGB values of R:242, G:169, B:112 and CMYK values of C:0, M:0.3, Y:0.54, K:0.05. Its decimal value is 15903088.

Hex triplet	f2a970	`#f2a970`
RGB Decimal	242, 169, 112	`rgb(242,169,112)`
RGB Percent	94.9, 66.3, 43.9	`rgb(94.9%,66.3%,43.9%)`
CMYK	0, 30, 54, 5
HSL	26.3°, 83.3, 69.4	`hsl(26.3,83.3%,69.4%)`
HSV (or HSB)	26.3°, 53.7, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.093, 20.786, 39.973
XYZ	53.731, 48.426, 21.846
xyY	0.433, 0.391, 48.426
CIE-LCH	75.093, 45.054, 62.525
CIE-LUV	75.093, 54.971, 45.923
Hunter-Lab	69.589, 16.044, 30.1
Binary	11110010, 10101001, 01110000

#f2a970
```
#f2a970 rgb(242,169,112)
```
#70b9f2
```
#70b9f2 rgb(112,185,242)
```

Complementary Color

#f27078
```
#f27078 rgb(242,112,120)
```
#f2a970
```
#f2a970 rgb(242,169,112)
```
#f2ea70
```
#f2ea70 rgb(242,234,112)
```

Analogous Color

#7078f2
```
#7078f2 rgb(112,120,242)
```
#f2a970
```
#f2a970 rgb(242,169,112)
```
#70f2ea
```
#70f2ea rgb(112,242,234)
```

Split Complementary Color

#a970f2
```
#a970f2 rgb(169,112,242)
```
#f2a970
```
#f2a970 rgb(242,169,112)
```
#70f2a9
```
#70f2a9 rgb(112,242,169)
```

Triadic Color

#f270b9
```
#f270b9 rgb(242,112,185)
```
#f2a970
```
#f2a970 rgb(242,169,112)
```
#70f2a9
```
#70f2a9 rgb(112,242,169)
```
#70b9f2
```
#70b9f2 rgb(112,185,242)
```

Tetradic Color

#ec7f2a
```
#ec7f2a rgb(236,127,42)
```
#ee8d41
```
#ee8d41 rgb(238,141,65)
```
#f09b59
```
#f09b59 rgb(240,155,89)
```
#f2a970
```
#f2a970 rgb(242,169,112)
```
#f4b787
```
#f4b787 rgb(244,183,135)
```
#f6c59f
```
#f6c59f rgb(246,197,159)
```
#f8d3b6
```
#f8d3b6 rgb(248,211,182)
```

Monochromatic Color

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

#f28970
```
#f28970 rgb(242,137,112)
```
#f29370
```
#f29370 rgb(242,147,112)
```
#f29e70
```
#f29e70 rgb(242,158,112)
```
#f2a970
```
#f2a970 rgb(242,169,112)
```
#f2b470
```
#f2b470 rgb(242,180,112)
```
#f2bf70
```
#f2bf70 rgb(242,191,112)
```
#f2ca70
```
#f2ca70 rgb(242,202,112)
```

Similar Colors

Text with hexadecimal color #f2a970

This text has a font color of #f2a970.

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

#f2a970 background color

This paragraph has a background color of #f2a970.

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

#f2a970 border color

This element has a border color of #f2a970.

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

CSS codes

.text {color:#f2a970;}

.background {background-color:#f2a970;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#130902
```
#130902 rgb(19,9,2)
```
#251203
```
#251203 rgb(37,18,3)
```
#371b05
```
#371b05 rgb(55,27,5)
```
#492407
```
#492407 rgb(73,36,7)
```
#5b2c08
```
#5b2c08 rgb(91,44,8)
```
#6d350a
```
#6d350a rgb(109,53,10)
```
#7f3e0c
```
#7f3e0c rgb(127,62,12)
```
#91470d
```
#91470d rgb(145,71,13)
```
#a3500f
```
#a3500f rgb(163,80,15)
```
#b55810
```
#b55810 rgb(181,88,16)
```
#c76112
```
#c76112 rgb(199,97,18)
```
#d96a14
```
#d96a14 rgb(217,106,20)
```

Shade Color Variation

#ea7316
```
#ea7316 rgb(234,115,22)
```
#eb7e28
```
#eb7e28 rgb(235,126,40)
```
#ed893a
```
#ed893a rgb(237,137,58)
```
#ef934c
```
#ef934c rgb(239,147,76)
```
#f09e5e
```
#f09e5e rgb(240,158,94)
```
#f2a970
```
#f2a970 rgb(242,169,112)
```
#f4b482
```
#f4b482 rgb(244,180,130)
```
#f5bf94
```
#f5bf94 rgb(245,191,148)
```
#f7c9a6
```
#f7c9a6 rgb(247,201,166)
```
#f9d4b8
```
#f9d4b8 rgb(249,212,184)
```
#fadfca
```
#fadfca rgb(250,223,202)
```
#fceadc
```
#fceadc rgb(252,234,220)
```
#fdf5ee
```
#fdf5ee rgb(253,245,238)
```

Tint Color Variation

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

#b6b0ac
```
#b6b0ac rgb(182,176,172)
```
#bcb0a6
```
#bcb0a6 rgb(188,176,166)
```
#c2afa0
```
#c2afa0 rgb(194,175,160)
```
#c8ae9a
```
#c8ae9a rgb(200,174,154)
```
#cead94
```
#cead94 rgb(206,173,148)
```
#d4ad8e
```
#d4ad8e rgb(212,173,142)
```
#daac88
```
#daac88 rgb(218,172,136)
```
#e0ab82
```
#e0ab82 rgb(224,171,130)
```
#e6aa7c
```
#e6aa7c rgb(230,170,124)
```
#ecaa76
```
#ecaa76 rgb(236,170,118)
```
#f2a970
```
#f2a970 rgb(242,169,112)
```
#f8a86a
```
#f8a86a rgb(248,168,106)
```
#fea864
```
#fea864 rgb(254,168,100)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c4b5aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbc7c Protanopia 1% of men
#e2b475 Deuteranopia 1% of men
#f7a6b1 Tritanopia 0.001% of the population

Trichromacy

#dab578 Protanomaly 1% of men, 0.01% of women
#e8b073 Deuteranomaly 6% of men, 0.4% of women
#f5a799 Tritanomaly 0.01% of the population

#f2a970 hex color

#f2a970 Color Information

#f2a970 Color Conversion

Color Schemes with #f2a970

Alternatives to #f2a970

#f2a970 Preview

Shades and Tints of #f2a970

Tones of #f2a970

Color Blindness Simulator