#f2aa68 hex color

In a RGB color space, hex #f2aa68 is composed of 94.9% red, 66.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 57% yellow and 5.1% black. It has a hue angle of 28.7 degrees, a saturation of 84.1% and a lightness of 67.8%. #f2aa68 color hex could be obtained by blending #ffffd0 with #e55500. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 67
- B 41
RGB color chart
- C 0
- M 30
- Y 57
- K 5
CMYK color chart

● #f2aa68 color description : Soft orange.

The hexadecimal color #f2aa68 has RGB values of R:242, G:170, B:104 and CMYK values of C:0, M:0.3, Y:0.57, K:0.05. Its decimal value is 15903336.

Hex triplet	f2aa68	`#f2aa68`
RGB Decimal	242, 170, 104	`rgb(242,170,104)`
RGB Percent	94.9, 66.7, 40.8	`rgb(94.9%,66.7%,40.8%)`
CMYK	0, 30, 57, 5
HSL	28.7°, 84.1, 67.8	`hsl(28.7,84.1%,67.8%)`
HSV (or HSB)	28.7°, 57, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.22, 19.623, 44.225
XYZ	53.492, 48.629, 19.665
xyY	0.439, 0.399, 48.629
CIE-LCH	75.22, 48.383, 66.072
CIE-LUV	75.22, 55.056, 50.359
Hunter-Lab	69.735, 14.888, 32.095
Binary	11110010, 10101010, 01101000

#f2aa68
```
#f2aa68 rgb(242,170,104)
```
#68b0f2
```
#68b0f2 rgb(104,176,242)
```

Complementary Color

#f2686b
```
#f2686b rgb(242,104,107)
```
#f2aa68
```
#f2aa68 rgb(242,170,104)
```
#f2ef68
```
#f2ef68 rgb(242,239,104)
```

Analogous Color

#686bf2
```
#686bf2 rgb(104,107,242)
```
#f2aa68
```
#f2aa68 rgb(242,170,104)
```
#68f2ef
```
#68f2ef rgb(104,242,239)
```

Split Complementary Color

#aa68f2
```
#aa68f2 rgb(170,104,242)
```
#f2aa68
```
#f2aa68 rgb(242,170,104)
```
#68f2aa
```
#68f2aa rgb(104,242,170)
```

Triadic Color

#f268b0
```
#f268b0 rgb(242,104,176)
```
#f2aa68
```
#f2aa68 rgb(242,170,104)
```
#68f2aa
```
#68f2aa rgb(104,242,170)
```
#68b0f2
```
#68b0f2 rgb(104,176,242)
```

Tetradic Color

#ec8222
```
#ec8222 rgb(236,130,34)
```
#ee9039
```
#ee9039 rgb(238,144,57)
```
#f09d51
```
#f09d51 rgb(240,157,81)
```
#f2aa68
```
#f2aa68 rgb(242,170,104)
```
#f4b77f
```
#f4b77f rgb(244,183,127)
```
#f6c497
```
#f6c497 rgb(246,196,151)
```
#f8d2ae
```
#f8d2ae rgb(248,210,174)
```

Monochromatic Color

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

#f28868
```
#f28868 rgb(242,136,104)
```
#f29368
```
#f29368 rgb(242,147,104)
```
#f29f68
```
#f29f68 rgb(242,159,104)
```
#f2aa68
```
#f2aa68 rgb(242,170,104)
```
#f2b668
```
#f2b668 rgb(242,182,104)
```
#f2c168
```
#f2c168 rgb(242,193,104)
```
#f2cd68
```
#f2cd68 rgb(242,205,104)
```

Similar Colors

Text with hexadecimal color #f2aa68

This text has a font color of #f2aa68.

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

#f2aa68 background color

This paragraph has a background color of #f2aa68.

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

#f2aa68 border color

This element has a border color of #f2aa68.

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

CSS codes

.text {color:#f2aa68;}

.background {background-color:#f2aa68;}

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

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

#0c0601
```
#0c0601 rgb(12,6,1)
```
#1e0f03
```
#1e0f03 rgb(30,15,3)
```
#301904
```
#301904 rgb(48,25,4)
```
#422206
```
#422206 rgb(66,34,6)
```
#542c07
```
#542c07 rgb(84,44,7)
```
#663509
```
#663509 rgb(102,53,9)
```
#783f0a
```
#783f0a rgb(120,63,10)
```
#8a480c
```
#8a480c rgb(138,72,12)
```
#9c520d
```
#9c520d rgb(156,82,13)
```
#ae5b0f
```
#ae5b0f rgb(174,91,15)
```
#c06511
```
#c06511 rgb(192,101,17)
```
#d26e12
```
#d26e12 rgb(210,110,18)
```
#e47714
```
#e47714 rgb(228,119,20)
```

Shade Color Variation

#ec8120
```
#ec8120 rgb(236,129,32)
```
#ed8c32
```
#ed8c32 rgb(237,140,50)
```
#ef9644
```
#ef9644 rgb(239,150,68)
```
#f0a056
```
#f0a056 rgb(240,160,86)
```
#f2aa68
```
#f2aa68 rgb(242,170,104)
```
#f4b47a
```
#f4b47a rgb(244,180,122)
```
#f5be8c
```
#f5be8c rgb(245,190,140)
```
#f7c89e
```
#f7c89e rgb(247,200,158)
```
#f8d3b0
```
#f8d3b0 rgb(248,211,176)
```
#faddc2
```
#faddc2 rgb(250,221,194)
```
#fbe7d4
```
#fbe7d4 rgb(251,231,212)
```
#fdf1e6
```
#fdf1e6 rgb(253,241,230)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#b3ada7
```
#b3ada7 rgb(179,173,167)
```
#b9aca1
```
#b9aca1 rgb(185,172,161)
```
#c0ac9a
```
#c0ac9a rgb(192,172,154)
```
#c6ac94
```
#c6ac94 rgb(198,172,148)
```
#ccac8e
```
#ccac8e rgb(204,172,142)
```
#d2ab88
```
#d2ab88 rgb(210,171,136)
```
#d9ab81
```
#d9ab81 rgb(217,171,129)
```
#dfab7b
```
#dfab7b rgb(223,171,123)
```
#e5ab75
```
#e5ab75 rgb(229,171,117)
```
#ecaa6e
```
#ecaa6e rgb(236,170,110)
```
#f2aa68
```
#f2aa68 rgb(242,170,104)
```
#f8aa62
```
#f8aa62 rgb(248,170,98)
```
#ffa95b
```
#ffa95b rgb(255,169,91)
```

Tone Color Variation

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

Dichromacy

#cdbc74 Protanopia 1% of men
#e4b46e Deuteranopia 1% of men
#f8a6b1 Tritanopia 0.001% of the population

Trichromacy

#dbb570 Protanomaly 1% of men, 0.01% of women
#e9b06b Deuteranomaly 6% of men, 0.4% of women
#f5a796 Tritanomaly 0.01% of the population

#f2aa68 hex color

#f2aa68 Color Information

#f2aa68 Color Conversion

Color Schemes with #f2aa68

Alternatives to #f2aa68

#f2aa68 Preview

Shades and Tints of #f2aa68

Tones of #f2aa68

Color Blindness Simulator