#f29166 hex color

In a RGB color space, hex #f29166 is composed of 94.9% red, 56.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.1% magenta, 57.9% yellow and 5.1% black. It has a hue angle of 18.4 degrees, a saturation of 84.3% and a lightness of 67.5%. #f29166 color hex could be obtained by blending #ffffcc with #e52300. Closest websafe color is: #ff9966.

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

● #f29166 color description : Soft orange.

The hexadecimal color #f29166 has RGB values of R:242, G:145, B:102 and CMYK values of C:0, M:0.4, Y:0.58, K:0.05. Its decimal value is 15896934.

Hex triplet	f29166	`#f29166`
RGB Decimal	242, 145, 102	`rgb(242,145,102)`
RGB Percent	94.9, 56.9, 40	`rgb(94.9%,56.9%,40%)`
CMYK	0, 40, 58, 5
HSL	18.4°, 84.3, 67.5	`hsl(18.4,84.3%,67.5%)`
HSV (or HSB)	18.4°, 57.9, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	69.534, 32.625, 38.279
XYZ	49.143, 40.091, 17.72
xyY	0.459, 0.375, 40.091
CIE-LCH	69.534, 50.296, 49.559
CIE-LUV	69.534, 73.683, 40.165
Hunter-Lab	63.317, 27.734, 27.729
Binary	11110010, 10010001, 01100110

#f29166
```
#f29166 rgb(242,145,102)
```
#66c7f2
```
#66c7f2 rgb(102,199,242)
```

Complementary Color

#f26681
```
#f26681 rgb(242,102,129)
```
#f29166
```
#f29166 rgb(242,145,102)
```
#f2d766
```
#f2d766 rgb(242,215,102)
```

Analogous Color

#6681f2
```
#6681f2 rgb(102,129,242)
```
#f29166
```
#f29166 rgb(242,145,102)
```
#66f2d7
```
#66f2d7 rgb(102,242,215)
```

Split Complementary Color

#9166f2
```
#9166f2 rgb(145,102,242)
```
#f29166
```
#f29166 rgb(242,145,102)
```
#66f291
```
#66f291 rgb(102,242,145)
```

Triadic Color

#f266c7
```
#f266c7 rgb(242,102,199)
```
#f29166
```
#f29166 rgb(242,145,102)
```
#66f291
```
#66f291 rgb(102,242,145)
```
#66c7f2
```
#66c7f2 rgb(102,199,242)
```

Tetradic Color

#ec5e1f
```
#ec5e1f rgb(236,94,31)
```
#ee6f37
```
#ee6f37 rgb(238,111,55)
```
#f0804e
```
#f0804e rgb(240,128,78)
```
#f29166
```
#f29166 rgb(242,145,102)
```
#f4a27e
```
#f4a27e rgb(244,162,126)
```
#f6b395
```
#f6b395 rgb(246,179,149)
```
#f8c4ad
```
#f8c4ad rgb(248,196,173)
```

Monochromatic Color

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

#f26e66
```
#f26e66 rgb(242,110,102)
```
#f27a66
```
#f27a66 rgb(242,122,102)
```
#f28566
```
#f28566 rgb(242,133,102)
```
#f29166
```
#f29166 rgb(242,145,102)
```
#f29d66
```
#f29d66 rgb(242,157,102)
```
#f2a866
```
#f2a866 rgb(242,168,102)
```
#f2b466
```
#f2b466 rgb(242,180,102)
```

Similar Colors

Text with hexadecimal color #f29166

This text has a font color of #f29166.

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

#f29166 background color

This paragraph has a background color of #f29166.

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

#f29166 border color

This element has a border color of #f29166.

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

CSS codes

.text {color:#f29166;}

.background {background-color:#f29166;}

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

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

#0a0401
```
#0a0401 rgb(10,4,1)
```
#1c0a02
```
#1c0a02 rgb(28,10,2)
```
#2e1104
```
#2e1104 rgb(46,17,4)
```
#401705
```
#401705 rgb(64,23,5)
```
#521e07
```
#521e07 rgb(82,30,7)
```
#642509
```
#642509 rgb(100,37,9)
```
#762b0a
```
#762b0a rgb(118,43,10)
```
#88320c
```
#88320c rgb(136,50,12)
```
#9a380d
```
#9a380d rgb(154,56,13)
```
#ac3f0f
```
#ac3f0f rgb(172,63,15)
```
#bf4610
```
#bf4610 rgb(191,70,16)
```
#d14c12
```
#d14c12 rgb(209,76,18)
```
#e35313
```
#e35313 rgb(227,83,19)
```

Shade Color Variation

#ec5d1e
```
#ec5d1e rgb(236,93,30)
```
#ed6a30
```
#ed6a30 rgb(237,106,48)
```
#ef7742
```
#ef7742 rgb(239,119,66)
```
#f08454
```
#f08454 rgb(240,132,84)
```
#f29166
```
#f29166 rgb(242,145,102)
```
#f49e78
```
#f49e78 rgb(244,158,120)
```
#f5ab8a
```
#f5ab8a rgb(245,171,138)
```
#f7b89c
```
#f7b89c rgb(247,184,156)
```
#f8c5ae
```
#f8c5ae rgb(248,197,174)
```
#fad2c0
```
#fad2c0 rgb(250,210,192)
```
#fbdfd2
```
#fbdfd2 rgb(251,223,210)
```
#fdece5
```
#fdece5 rgb(253,236,229)
```
#fef9f7
```
#fef9f7 rgb(254,249,247)
```

Tint Color Variation

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

#b2aaa6
```
#b2aaa6 rgb(178,170,166)
```
#b9a79f
```
#b9a79f rgb(185,167,159)
```
#bfa599
```
#bfa599 rgb(191,165,153)
```
#c5a293
```
#c5a293 rgb(197,162,147)
```
#cca08c
```
#cca08c rgb(204,160,140)
```
#d29d86
```
#d29d86 rgb(210,157,134)
```
#d89b80
```
#d89b80 rgb(216,155,128)
```
#df9879
```
#df9879 rgb(223,152,121)
```
#e59673
```
#e59673 rgb(229,150,115)
```
#ec936c
```
#ec936c rgb(236,147,108)
```
#f29166
```
#f29166 rgb(242,145,102)
```
#f88f60
```
#f88f60 rgb(248,143,96)
```
#ff8c59
```
#ff8c59 rgb(255,140,89)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b8a49c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcae76 Protanopia 1% of men
#d2a669 Deuteranopia 1% of men
#f5909a Tritanopia 0.001% of the population

Trichromacy

#cfa370 Protanomaly 1% of men, 0.01% of women
#dd9e68 Deuteranomaly 6% of men, 0.4% of women
#f49087 Tritanomaly 0.01% of the population

#f29166 hex color

#f29166 Color Information

#f29166 Color Conversion

Color Schemes with #f29166

Alternatives to #f29166

#f29166 Preview

Shades and Tints of #f29166

Tones of #f29166

Color Blindness Simulator