colorhexa.com

#f2a484 hex color

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

- R 95
- G 64
- B 52
RGB color chart
- C 0
- M 32
- Y 45
- K 5
CMYK color chart

● #f2a484 color description : Soft orange.

The hexadecimal color #f2a484 has RGB values of R:242, G:164, B:132 and CMYK values of C:0, M:0.32, Y:0.45, K:0.05. Its decimal value is 15901828.

Hex triplet	f2a484	`#f2a484`
RGB Decimal	242, 164, 132	`rgb(242,164,132)`
RGB Percent	94.9, 64.3, 51.8	`rgb(94.9%,64.3%,51.8%)`
CMYK	0, 32, 45, 5
HSL	17.5°, 80.9, 73.3	`hsl(17.5,80.9%,73.3%)`
HSV (or HSB)	17.5°, 45.5, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	74.252, 25.249, 28.315
XYZ	54.059, 47.097, 28.072
xyY	0.418, 0.364, 47.097
CIE-LCH	74.252, 37.937, 48.275
CIE-LUV	74.252, 56.122, 32.288
Hunter-Lab	68.627, 20.509, 23.787
Binary	11110010, 10100100, 10000100

#f2a484
```
#f2a484 rgb(242,164,132)
```
#84d2f2
```
#84d2f2 rgb(132,210,242)
```

Complementary Color

#f2849b
```
#f2849b rgb(242,132,155)
```
#f2a484
```
#f2a484 rgb(242,164,132)
```
#f2db84
```
#f2db84 rgb(242,219,132)
```

Analogous Color

#849bf2
```
#849bf2 rgb(132,155,242)
```
#f2a484
```
#f2a484 rgb(242,164,132)
```
#84f2db
```
#84f2db rgb(132,242,219)
```

Split Complementary Color

#a484f2
```
#a484f2 rgb(164,132,242)
```
#f2a484
```
#f2a484 rgb(242,164,132)
```
#84f2a4
```
#84f2a4 rgb(132,242,164)
```

Triadic Color

#f284d2
```
#f284d2 rgb(242,132,210)
```
#f2a484
```
#f2a484 rgb(242,164,132)
```
#84f2a4
```
#84f2a4 rgb(132,242,164)
```
#84d2f2
```
#84d2f2 rgb(132,210,242)
```

Tetradic Color

#eb713f
```
#eb713f rgb(235,113,63)
```
#ed8256
```
#ed8256 rgb(237,130,86)
```
#f0936d
```
#f0936d rgb(240,147,109)
```
#f2a484
```
#f2a484 rgb(242,164,132)
```
#f4b59b
```
#f4b59b rgb(244,181,155)
```
#f7c6b2
```
#f7c6b2 rgb(247,198,178)
```
#f9d7c9
```
#f9d7c9 rgb(249,215,201)
```

Monochromatic Color

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

#f28984
```
#f28984 rgb(242,137,132)
```
#f29284
```
#f29284 rgb(242,146,132)
```
#f29b84
```
#f29b84 rgb(242,155,132)
```
#f2a484
```
#f2a484 rgb(242,164,132)
```
#f2ad84
```
#f2ad84 rgb(242,173,132)
```
#f2b684
```
#f2b684 rgb(242,182,132)
```
#f2c084
```
#f2c084 rgb(242,192,132)
```

Similar Colors

Text with hexadecimal color #f2a484

This text has a font color of #f2a484.

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

#f2a484 background color

This paragraph has a background color of #f2a484.

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

#f2a484 border color

This element has a border color of #f2a484.

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

CSS codes

.text {color:#f2a484;}

.background {background-color:#f2a484;}

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

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 #fdf3ee is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#130702
```
#130702 rgb(19,7,2)
```
#250d04
```
#250d04 rgb(37,13,4)
```
#361406
```
#361406 rgb(54,20,6)
```
#481a08
```
#481a08 rgb(72,26,8)
```
#5a210a
```
#5a210a rgb(90,33,10)
```
#6c270b
```
#6c270b rgb(108,39,11)
```
#7d2e0d
```
#7d2e0d rgb(125,46,13)
```
#8f340f
```
#8f340f rgb(143,52,15)
```
#a13b11
```
#a13b11 rgb(161,59,17)
```
#b34113
```
#b34113 rgb(179,65,19)
```
#c44815
```
#c44815 rgb(196,72,21)
```
#d64e17
```
#d64e17 rgb(214,78,23)
```

Shade Color Variation

#e7551a
```
#e7551a rgb(231,85,26)
```
#e9622b
```
#e9622b rgb(233,98,43)
```
#eb703d
```
#eb703d rgb(235,112,61)
```
#ec7d4f
```
#ec7d4f rgb(236,125,79)
```
#ee8a61
```
#ee8a61 rgb(238,138,97)
```
#f09772
```
#f09772 rgb(240,151,114)
```
#f2a484
```
#f2a484 rgb(242,164,132)
```
#f4b196
```
#f4b196 rgb(244,177,150)
```
#f6bea7
```
#f6bea7 rgb(246,190,167)
```
#f8cbb9
```
#f8cbb9 rgb(248,203,185)
```
#fad9cb
```
#fad9cb rgb(250,217,203)
```
#fbe6dd
```
#fbe6dd rgb(251,230,221)
```
#fdf3ee
```
#fdf3ee rgb(253,243,238)
```

Tint Color Variation

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

#bebab8
```
#bebab8 rgb(190,186,184)
```
#c3b8b3
```
#c3b8b3 rgb(195,184,179)
```
#c8b5ae
```
#c8b5ae rgb(200,181,174)
```
#cdb3a9
```
#cdb3a9 rgb(205,179,169)
```
#d3b1a3
```
#d3b1a3 rgb(211,177,163)
```
#d8af9e
```
#d8af9e rgb(216,175,158)
```
#ddad99
```
#ddad99 rgb(221,173,153)
```
#e2ab94
```
#e2ab94 rgb(226,171,148)
```
#e8a88e
```
#e8a88e rgb(232,168,142)
```
#eda689
```
#eda689 rgb(237,166,137)
```
#f2a484
```
#f2a484 rgb(242,164,132)
```
#f7a27f
```
#f7a27f rgb(247,162,127)
```
#fca07a
```
#fca07a rgb(252,160,122)
```

Tone Color Variation

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

Dichromacy

#c6ba91 Protanopia 1% of men
#dcb287 Deuteranopia 1% of men
#f6a3ae Tritanopia 0.001% of the population

Trichromacy

#d6b28c Protanomaly 1% of men, 0.01% of women
#e4ad86 Deuteranomaly 6% of men, 0.4% of women
#f4a39f Tritanomaly 0.01% of the population