#f7a152 hex color

In a RGB color space, hex #f7a152 is composed of 96.9% red, 63.1% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 66.8% yellow and 3.1% black. It has a hue angle of 28.7 degrees, a saturation of 91.2% and a lightness of 64.5%. #f7a152 color hex could be obtained by blending #ffffa4 with #ef4300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 97
- G 63
- B 32
RGB color chart
- C 0
- M 35
- Y 67
- K 3
CMYK color chart

● #f7a152 color description : Soft orange.

The hexadecimal color #f7a152 has RGB values of R:247, G:161, B:82 and CMYK values of C:0, M:0.35, Y:0.67, K:0.03. Its decimal value is 16228690.

Hex triplet	f7a152	`#f7a152`
RGB Decimal	247, 161, 82	`rgb(247,161,82)`
RGB Percent	96.9, 63.1, 32.2	`rgb(96.9%,63.1%,32.2%)`
CMYK	0, 35, 67, 3
HSL	28.7°, 91.2, 64.5	`hsl(28.7,91.2%,64.5%)`
HSV (or HSB)	28.7°, 66.8, 96.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	73.465, 24.948, 53.148
XYZ	52.627, 45.877, 14.066
xyY	0.468, 0.408, 45.877
CIE-LCH	73.465, 58.712, 64.854
CIE-LUV	73.465, 67.824, 56.347
Hunter-Lab	67.732, 20.16, 35.1
Binary	11110111, 10100001, 01010010

#f7a152
```
#f7a152 rgb(247,161,82)
```
#52a8f7
```
#52a8f7 rgb(82,168,247)
```

Complementary Color

#f75256
```
#f75256 rgb(247,82,86)
```
#f7a152
```
#f7a152 rgb(247,161,82)
```
#f7f452
```
#f7f452 rgb(247,244,82)
```

Analogous Color

#5255f7
```
#5255f7 rgb(82,85,247)
```
#f7a152
```
#f7a152 rgb(247,161,82)
```
#52f7f4
```
#52f7f4 rgb(82,247,244)
```

Split Complementary Color

#a152f7
```
#a152f7 rgb(161,82,247)
```
#f7a152
```
#f7a152 rgb(247,161,82)
```
#52f7a1
```
#52f7a1 rgb(82,247,161)
```

Triadic Color

#f752a8
```
#f752a8 rgb(247,82,168)
```
#f7a152
```
#f7a152 rgb(247,161,82)
```
#52f7a1
```
#52f7a1 rgb(82,247,161)
```
#52a8f7
```
#52a8f7 rgb(82,168,247)
```

Tetradic Color

#f1790b
```
#f1790b rgb(241,121,11)
```
#f58721
```
#f58721 rgb(245,135,33)
```
#f6943a
```
#f6943a rgb(246,148,58)
```
#f7a152
```
#f7a152 rgb(247,161,82)
```
#f8ae6a
```
#f8ae6a rgb(248,174,106)
```
#f9bb83
```
#f9bb83 rgb(249,187,131)
```
#fac99b
```
#fac99b rgb(250,201,155)
```

Monochromatic Color

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

#f77852
```
#f77852 rgb(247,120,82)
```
#f78652
```
#f78652 rgb(247,134,82)
```
#f79352
```
#f79352 rgb(247,147,82)
```
#f7a152
```
#f7a152 rgb(247,161,82)
```
#f7af52
```
#f7af52 rgb(247,175,82)
```
#f7bd52
```
#f7bd52 rgb(247,189,82)
```
#f7ca52
```
#f7ca52 rgb(247,202,82)
```

Similar Colors

Text with hexadecimal color #f7a152

This text has a font color of #f7a152.

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

#f7a152 background color

This paragraph has a background color of #f7a152.

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

#f7a152 border color

This element has a border color of #f7a152.

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

CSS codes

.text {color:#f7a152;}

.background {background-color:#f7a152;}

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

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

#0e0701
```
#0e0701 rgb(14,7,1)
```
#211102
```
#211102 rgb(33,17,2)
```
#341a02
```
#341a02 rgb(52,26,2)
```
#472403
```
#472403 rgb(71,36,3)
```
#592d04
```
#592d04 rgb(89,45,4)
```
#6c3605
```
#6c3605 rgb(108,54,5)
```
#7f4006
```
#7f4006 rgb(127,64,6)
```
#924907
```
#924907 rgb(146,73,7)
```
#a45308
```
#a45308 rgb(164,83,8)
```
#b75c08
```
#b75c08 rgb(183,92,8)
```
#ca6609
```
#ca6609 rgb(202,102,9)
```
#dd6f0a
```
#dd6f0a rgb(221,111,10)
```
#ef780b
```
#ef780b rgb(239,120,11)
```

Shade Color Variation

#f4821a
```
#f4821a rgb(244,130,26)
```
#f58d2d
```
#f58d2d rgb(245,141,45)
```
#f6973f
```
#f6973f rgb(246,151,63)
```
#f7a152
```
#f7a152 rgb(247,161,82)
```
#f8ab65
```
#f8ab65 rgb(248,171,101)
```
#f9b577
```
#f9b577 rgb(249,181,119)
```
#fac08a
```
#fac08a rgb(250,192,138)
```
#faca9d
```
#faca9d rgb(250,202,157)
```
#fbd4b0
```
#fbd4b0 rgb(251,212,176)
```
#fcdec2
```
#fcdec2 rgb(252,222,194)
```
#fde8d5
```
#fde8d5 rgb(253,232,213)
```
#fef2e8
```
#fef2e8 rgb(254,242,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#aaa49f
```
#aaa49f rgb(170,164,159)
```
#b1a498
```
#b1a498 rgb(177,164,152)
```
#b8a491
```
#b8a491 rgb(184,164,145)
```
#bfa38a
```
#bfa38a rgb(191,163,138)
```
#c6a383
```
#c6a383 rgb(198,163,131)
```
#cda37c
```
#cda37c rgb(205,163,124)
```
#d4a275
```
#d4a275 rgb(212,162,117)
```
#dba26e
```
#dba26e rgb(219,162,110)
```
#e2a267
```
#e2a267 rgb(226,162,103)
```
#e9a260
```
#e9a260 rgb(233,162,96)
```
#f0a159
```
#f0a159 rgb(240,161,89)
```
#f7a152
```
#f7a152 rgb(247,161,82)
```
#fea14b
```
#fea14b rgb(254,161,75)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#c0af9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab860 Protanopia 1% of men
#e2b057 Deuteranopia 1% of men
#fc9da7 Tritanopia 0.001% of the population

Trichromacy

#daaf5b Protanomaly 1% of men, 0.01% of women
#e9aa55 Deuteranomaly 6% of men, 0.4% of women
#fa9e88 Tritanomaly 0.01% of the population

#f7a152 hex color

#f7a152 Color Information

#f7a152 Color Conversion

Color Schemes with #f7a152

Alternatives to #f7a152

#f7a152 Preview

Shades and Tints of #f7a152

Tones of #f7a152

Color Blindness Simulator