colorhexa.com

#f2ae78 hex color

In a RGB color space, hex #f2ae78 is composed of 94.9% red, 68.2% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.1% magenta, 50.4% yellow and 5.1% black. It has a hue angle of 26.6 degrees, a saturation of 82.4% and a lightness of 71%. #f2ae78 color hex could be obtained by blending #fffff0 with #e55d00. Closest websafe color is: #ff9966.

- R 95
- G 68
- B 47
RGB color chart
- C 0
- M 28
- Y 50
- K 5
CMYK color chart

● #f2ae78 color description : Soft orange.

The hexadecimal color #f2ae78 has RGB values of R:242, G:174, B:120 and CMYK values of C:0, M:0.28, Y:0.5, K:0.05. Its decimal value is 15904376.

Hex triplet	f2ae78	`#f2ae78`
RGB Decimal	242, 174, 120	`rgb(242,174,120)`
RGB Percent	94.9, 68.2, 47.1	`rgb(94.9%,68.2%,47.1%)`
CMYK	0, 28, 50, 5
HSL	26.6°, 82.4, 71	`hsl(26.6,82.4%,71%)`
HSV (or HSB)	26.6°, 50.4, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	76.38, 18.831, 37.443
XYZ	55.145, 50.508, 24.613
xyY	0.423, 0.388, 50.508
CIE-LCH	76.38, 41.912, 63.301
CIE-LUV	76.38, 50.59, 44.063
Hunter-Lab	71.069, 14.132, 29.215
Binary	11110010, 10101110, 01111000

#f2ae78
```
#f2ae78 rgb(242,174,120)
```
#78bcf2
```
#78bcf2 rgb(120,188,242)
```

Complementary Color

#f2787f
```
#f2787f rgb(242,120,127)
```
#f2ae78
```
#f2ae78 rgb(242,174,120)
```
#f2eb78
```
#f2eb78 rgb(242,235,120)
```

Analogous Color

#787ff2
```
#787ff2 rgb(120,127,242)
```
#f2ae78
```
#f2ae78 rgb(242,174,120)
```
#78f2eb
```
#78f2eb rgb(120,242,235)
```

Split Complementary Color

#ae78f2
```
#ae78f2 rgb(174,120,242)
```
#f2ae78
```
#f2ae78 rgb(242,174,120)
```
#78f2ae
```
#78f2ae rgb(120,242,174)
```

Triadic Color

#f278bc
```
#f278bc rgb(242,120,188)
```
#f2ae78
```
#f2ae78 rgb(242,174,120)
```
#78f2ae
```
#78f2ae rgb(120,242,174)
```
#78bcf2
```
#78bcf2 rgb(120,188,242)
```

Tetradic Color

#eb8432
```
#eb8432 rgb(235,132,50)
```
#ee9249
```
#ee9249 rgb(238,146,73)
```
#f0a061
```
#f0a061 rgb(240,160,97)
```
#f2ae78
```
#f2ae78 rgb(242,174,120)
```
#f4bc8f
```
#f4bc8f rgb(244,188,143)
```
#f6caa7
```
#f6caa7 rgb(246,202,167)
```
#f9d8be
```
#f9d8be rgb(249,216,190)
```

Monochromatic Color

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

#f29078
```
#f29078 rgb(242,144,120)
```
#f29a78
```
#f29a78 rgb(242,154,120)
```
#f2a478
```
#f2a478 rgb(242,164,120)
```
#f2ae78
```
#f2ae78 rgb(242,174,120)
```
#f2b878
```
#f2b878 rgb(242,184,120)
```
#f2c278
```
#f2c278 rgb(242,194,120)
```
#f2cd78
```
#f2cd78 rgb(242,205,120)
```

Similar Colors

Text with hexadecimal color #f2ae78

This text has a font color of #f2ae78.

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

#f2ae78 background color

This paragraph has a background color of #f2ae78.

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

#f2ae78 border color

This element has a border color of #f2ae78.

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

CSS codes

.text {color:#f2ae78;}

.background {background-color:#f2ae78;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#1a0d03
```
#1a0d03 rgb(26,13,3)
```
#2c1604
```
#2c1604 rgb(44,22,4)
```
#3e1f06
```
#3e1f06 rgb(62,31,6)
```
#502808
```
#502808 rgb(80,40,8)
```
#623009
```
#623009 rgb(98,48,9)
```
#73390b
```
#73390b rgb(115,57,11)
```
#85420d
```
#85420d rgb(133,66,13)
```
#974b0f
```
#974b0f rgb(151,75,15)
```
#a95410
```
#a95410 rgb(169,84,16)
```
#bb5d12
```
#bb5d12 rgb(187,93,18)
```
#cd6614
```
#cd6614 rgb(205,102,20)
```
#df6f15
```
#df6f15 rgb(223,111,21)
```

Shade Color Variation

#e9781f
```
#e9781f rgb(233,120,31)
```
#eb8330
```
#eb8330 rgb(235,131,48)
```
#ed8e42
```
#ed8e42 rgb(237,142,66)
```
#ef9954
```
#ef9954 rgb(239,153,84)
```
#f0a366
```
#f0a366 rgb(240,163,102)
```
#f2ae78
```
#f2ae78 rgb(242,174,120)
```
#f4b98a
```
#f4b98a rgb(244,185,138)
```
#f5c39c
```
#f5c39c rgb(245,195,156)
```
#f7ceae
```
#f7ceae rgb(247,206,174)
```
#f9d9c0
```
#f9d9c0 rgb(249,217,192)
```
#fbe4d1
```
#fbe4d1 rgb(251,228,209)
```
#fceee3
```
#fceee3 rgb(252,238,227)
```
#fef9f5
```
#fef9f5 rgb(254,249,245)
```

Tint Color Variation

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

#b9b5b1
```
#b9b5b1 rgb(185,181,177)
```
#bfb4ab
```
#bfb4ab rgb(191,180,171)
```
#c4b3a6
```
#c4b3a6 rgb(196,179,166)
```
#cab3a0
```
#cab3a0 rgb(202,179,160)
```
#d0b29a
```
#d0b29a rgb(208,178,154)
```
#d6b194
```
#d6b194 rgb(214,177,148)
```
#dbb18f
```
#dbb18f rgb(219,177,143)
```
#e1b089
```
#e1b089 rgb(225,176,137)
```
#e7af83
```
#e7af83 rgb(231,175,131)
```
#ecaf7e
```
#ecaf7e rgb(236,175,126)
```
#f2ae78
```
#f2ae78 rgb(242,174,120)
```
#f8ad72
```
#f8ad72 rgb(248,173,114)
```
#fdad6d
```
#fdad6d rgb(253,173,109)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c7b9ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbf84 Protanopia 1% of men
#e5b77d Deuteranopia 1% of men
#f7aab6 Tritanopia 0.001% of the population

Trichromacy

#dbb97f Protanomaly 1% of men, 0.01% of women
#eab47b Deuteranomaly 6% of men, 0.4% of women
#f5ac9f Tritanomaly 0.01% of the population