#f2c166 hex color

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

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

● #f2c166 color description : Soft orange.

The hexadecimal color #f2c166 has RGB values of R:242, G:193, B:102 and CMYK values of C:0, M:0.2, Y:0.58, K:0.05. Its decimal value is 15909222.

Hex triplet	f2c166	`#f2c166`
RGB Decimal	242, 193, 102	`rgb(242,193,102)`
RGB Percent	94.9, 75.7, 40	`rgb(94.9%,75.7%,40%)`
CMYK	0, 20, 58, 5
HSL	39°, 84.3, 67.5	`hsl(39,84.3%,67.5%)`
HSV (or HSB)	39°, 57.9, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.727, 7.382, 51.768
XYZ	58.087, 57.979, 20.701
xyY	0.425, 0.424, 57.979
CIE-LCH	80.727, 52.292, 81.884
CIE-LUV	80.727, 38.707, 61.72
Hunter-Lab	76.144, 2.918, 37.182
Binary	11110010, 11000001, 01100110

#f2c166
```
#f2c166 rgb(242,193,102)
```
#6697f2
```
#6697f2 rgb(102,151,242)
```

Complementary Color

#f27b66
```
#f27b66 rgb(242,123,102)
```
#f2c166
```
#f2c166 rgb(242,193,102)
```
#ddf266
```
#ddf266 rgb(221,242,102)
```

Analogous Color

#7b66f2
```
#7b66f2 rgb(123,102,242)
```
#f2c166
```
#f2c166 rgb(242,193,102)
```
#66ddf2
```
#66ddf2 rgb(102,221,242)
```

Split Complementary Color

#c166f2
```
#c166f2 rgb(193,102,242)
```
#f2c166
```
#f2c166 rgb(242,193,102)
```
#66f2c1
```
#66f2c1 rgb(102,242,193)
```

Triadic Color

#f26697
```
#f26697 rgb(242,102,151)
```
#f2c166
```
#f2c166 rgb(242,193,102)
```
#66f2c1
```
#66f2c1 rgb(102,242,193)
```
#6697f2
```
#6697f2 rgb(102,151,242)
```

Tetradic Color

#eca41f
```
#eca41f rgb(236,164,31)
```
#eeae37
```
#eeae37 rgb(238,174,55)
```
#f0b74e
```
#f0b74e rgb(240,183,78)
```
#f2c166
```
#f2c166 rgb(242,193,102)
```
#f4cb7e
```
#f4cb7e rgb(244,203,126)
```
#f6d495
```
#f6d495 rgb(246,212,149)
```
#f8dead
```
#f8dead rgb(248,222,173)
```

Monochromatic Color

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

#f29e66
```
#f29e66 rgb(242,158,102)
```
#f2aa66
```
#f2aa66 rgb(242,170,102)
```
#f2b566
```
#f2b566 rgb(242,181,102)
```
#f2c166
```
#f2c166 rgb(242,193,102)
```
#f2cd66
```
#f2cd66 rgb(242,205,102)
```
#f2d866
```
#f2d866 rgb(242,216,102)
```
#f2e466
```
#f2e466 rgb(242,228,102)
```

Similar Colors

Text with hexadecimal color #f2c166

This text has a font color of #f2c166.

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

#f2c166 background color

This paragraph has a background color of #f2c166.

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

#f2c166 border color

This element has a border color of #f2c166.

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

CSS codes

.text {color:#f2c166;}

.background {background-color:#f2c166;}

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

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

#0a0701
```
#0a0701 rgb(10,7,1)
```
#1c1302
```
#1c1302 rgb(28,19,2)
```
#2e1f04
```
#2e1f04 rgb(46,31,4)
```
#402b05
```
#402b05 rgb(64,43,5)
```
#523807
```
#523807 rgb(82,56,7)
```
#644409
```
#644409 rgb(100,68,9)
```
#76500a
```
#76500a rgb(118,80,10)
```
#885d0c
```
#885d0c rgb(136,93,12)
```
#9a690d
```
#9a690d rgb(154,105,13)
```
#ac750f
```
#ac750f rgb(172,117,15)
```
#bf8110
```
#bf8110 rgb(191,129,16)
```
#d18e12
```
#d18e12 rgb(209,142,18)
```
#e39a13
```
#e39a13 rgb(227,154,19)
```

Shade Color Variation

#eca41e
```
#eca41e rgb(236,164,30)
```
#edab30
```
#edab30 rgb(237,171,48)
```
#efb242
```
#efb242 rgb(239,178,66)
```
#f0ba54
```
#f0ba54 rgb(240,186,84)
```
#f2c166
```
#f2c166 rgb(242,193,102)
```
#f4c878
```
#f4c878 rgb(244,200,120)
```
#f5d08a
```
#f5d08a rgb(245,208,138)
```
#f7d79c
```
#f7d79c rgb(247,215,156)
```
#f8deae
```
#f8deae rgb(248,222,174)
```
#fae6c0
```
#fae6c0 rgb(250,230,192)
```
#fbedd2
```
#fbedd2 rgb(251,237,210)
```
#fdf4e5
```
#fdf4e5 rgb(253,244,229)
```
#fefcf7
```
#fefcf7 rgb(254,252,247)
```

Tint Color Variation

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

#b2aea6
```
#b2aea6 rgb(178,174,166)
```
#b9b09f
```
#b9b09f rgb(185,176,159)
```
#bfb299
```
#bfb299 rgb(191,178,153)
```
#c5b493
```
#c5b493 rgb(197,180,147)
```
#ccb68c
```
#ccb68c rgb(204,182,140)
```
#d2b786
```
#d2b786 rgb(210,183,134)
```
#d8b980
```
#d8b980 rgb(216,185,128)
```
#dfbb79
```
#dfbb79 rgb(223,187,121)
```
#e5bd73
```
#e5bd73 rgb(229,189,115)
```
#ecbf6c
```
#ecbf6c rgb(236,191,108)
```
#f2c166
```
#f2c166 rgb(242,193,102)
```
#f8c360
```
#f8c360 rgb(248,195,96)
```
#ffc559
```
#ffc559 rgb(255,197,89)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cec4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcb70 Protanopia 1% of men
#f7c26e Deuteranopia 1% of men
#fabac6 Tritanopia 0.001% of the population

Trichromacy

#e6c76c Protanomaly 1% of men, 0.01% of women
#f5c16b Deuteranomaly 6% of men, 0.4% of women
#f7bca3 Tritanomaly 0.01% of the population

#f2c166 hex color

#f2c166 Color Information

#f2c166 Color Conversion

Color Schemes with #f2c166

Alternatives to #f2c166

#f2c166 Preview

Shades and Tints of #f2c166

Tones of #f2c166

Color Blindness Simulator