#f2c26e hex color

In a RGB color space, hex #f2c26e is composed of 94.9% red, 76.1% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 54.5% yellow and 5.1% black. It has a hue angle of 38.2 degrees, a saturation of 83.5% and a lightness of 69%. #f2c26e color hex could be obtained by blending #ffffdc with #e58500. Closest websafe color is: #ffcc66.

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

● #f2c26e color description : Soft orange.

The hexadecimal color #f2c26e has RGB values of R:242, G:194, B:110 and CMYK values of C:0, M:0.2, Y:0.55, K:0.05. Its decimal value is 15909486.

Hex triplet	f2c26e	`#f2c26e`
RGB Decimal	242, 194, 110	`rgb(242,194,110)`
RGB Percent	94.9, 76.1, 43.1	`rgb(94.9%,76.1%,43.1%)`
CMYK	0, 20, 55, 5
HSL	38.2°, 83.5, 69	`hsl(38.2,83.5%,69%)`
HSV (or HSB)	38.2°, 54.5, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.065, 7.473, 48.3
XYZ	58.725, 58.589, 22.967
xyY	0.419, 0.418, 58.589
CIE-LCH	81.065, 48.875, 81.205
CIE-LUV	81.065, 37.465, 58.573
Hunter-Lab	76.544, 2.995, 35.791
Binary	11110010, 11000010, 01101110

#f2c26e
```
#f2c26e rgb(242,194,110)
```
#6e9ef2
```
#6e9ef2 rgb(110,158,242)
```

Complementary Color

#f2806e
```
#f2806e rgb(242,128,110)
```
#f2c26e
```
#f2c26e rgb(242,194,110)
```
#e0f26e
```
#e0f26e rgb(224,242,110)
```

Analogous Color

#806ef2
```
#806ef2 rgb(128,110,242)
```
#f2c26e
```
#f2c26e rgb(242,194,110)
```
#6ee0f2
```
#6ee0f2 rgb(110,224,242)
```

Split Complementary Color

#c26ef2
```
#c26ef2 rgb(194,110,242)
```
#f2c26e
```
#f2c26e rgb(242,194,110)
```
#6ef2c2
```
#6ef2c2 rgb(110,242,194)
```

Triadic Color

#f26e9e
```
#f26e9e rgb(242,110,158)
```
#f2c26e
```
#f2c26e rgb(242,194,110)
```
#6ef2c2
```
#6ef2c2 rgb(110,242,194)
```
#6e9ef2
```
#6e9ef2 rgb(110,158,242)
```

Tetradic Color

#eca428
```
#eca428 rgb(236,164,40)
```
#eeae3f
```
#eeae3f rgb(238,174,63)
```
#f0b857
```
#f0b857 rgb(240,184,87)
```
#f2c26e
```
#f2c26e rgb(242,194,110)
```
#f4cc85
```
#f4cc85 rgb(244,204,133)
```
#f6d69d
```
#f6d69d rgb(246,214,157)
```
#f8e0b4
```
#f8e0b4 rgb(248,224,180)
```

Monochromatic Color

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

#f2a16e
```
#f2a16e rgb(242,161,110)
```
#f2ac6e
```
#f2ac6e rgb(242,172,110)
```
#f2b76e
```
#f2b76e rgb(242,183,110)
```
#f2c26e
```
#f2c26e rgb(242,194,110)
```
#f2cd6e
```
#f2cd6e rgb(242,205,110)
```
#f2d86e
```
#f2d86e rgb(242,216,110)
```
#f2e36e
```
#f2e36e rgb(242,227,110)
```

Similar Colors

Text with hexadecimal color #f2c26e

This text has a font color of #f2c26e.

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

#f2c26e background color

This paragraph has a background color of #f2c26e.

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

#f2c26e border color

This element has a border color of #f2c26e.

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

CSS codes

.text {color:#f2c26e;}

.background {background-color:#f2c26e;}

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

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, #110b02 is the darkest color, while #fffffe is the lightest one.

#110b02
```
#110b02 rgb(17,11,2)
```
#231703
```
#231703 rgb(35,23,3)
```
#352305
```
#352305 rgb(53,35,5)
```
#473006
```
#473006 rgb(71,48,6)
```
#593c08
```
#593c08 rgb(89,60,8)
```
#6b480a
```
#6b480a rgb(107,72,10)
```
#7d540b
```
#7d540b rgb(125,84,11)
```
#8f600d
```
#8f600d rgb(143,96,13)
```
#a16c0e
```
#a16c0e rgb(161,108,14)
```
#b37810
```
#b37810 rgb(179,120,16)
```
#c58412
```
#c58412 rgb(197,132,18)
```
#d79013
```
#d79013 rgb(215,144,19)
```
#e99c15
```
#e99c15 rgb(233,156,21)
```

Shade Color Variation

#eca426
```
#eca426 rgb(236,164,38)
```
#edab38
```
#edab38 rgb(237,171,56)
```
#efb34a
```
#efb34a rgb(239,179,74)
```
#f0ba5c
```
#f0ba5c rgb(240,186,92)
```
#f2c26e
```
#f2c26e rgb(242,194,110)
```
#f4ca80
```
#f4ca80 rgb(244,202,128)
```
#f5d192
```
#f5d192 rgb(245,209,146)
```
#f7d9a4
```
#f7d9a4 rgb(247,217,164)
```
#f8e0b6
```
#f8e0b6 rgb(248,224,182)
```
#fae8c8
```
#fae8c8 rgb(250,232,200)
```
#fcefda
```
#fcefda rgb(252,239,218)
```
#fdf7ec
```
#fdf7ec rgb(253,247,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b5b1ab
```
#b5b1ab rgb(181,177,171)
```
#bbb3a5
```
#bbb3a5 rgb(187,179,165)
```
#c1b59f
```
#c1b59f rgb(193,181,159)
```
#c7b699
```
#c7b699 rgb(199,182,153)
```
#ceb892
```
#ceb892 rgb(206,184,146)
```
#d4ba8c
```
#d4ba8c rgb(212,186,140)
```
#dabb86
```
#dabb86 rgb(218,187,134)
```
#e0bd80
```
#e0bd80 rgb(224,189,128)
```
#e6bf7a
```
#e6bf7a rgb(230,191,122)
```
#ecc074
```
#ecc074 rgb(236,192,116)
```
#f2c26e
```
#f2c26e rgb(242,194,110)
```
#f8c468
```
#f8c468 rgb(248,196,104)
```
#fec562
```
#fec562 rgb(254,197,98)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d0c6b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcc77 Protanopia 1% of men
#f7c376 Deuteranopia 1% of men
#fabbc8 Tritanopia 0.001% of the population

Trichromacy

#e6c874 Protanomaly 1% of men, 0.01% of women
#f5c273 Deuteranomaly 6% of men, 0.4% of women
#f7bda7 Tritanomaly 0.01% of the population

#f2c26e hex color

#f2c26e Color Information

#f2c26e Color Conversion

Color Schemes with #f2c26e

Alternatives to #f2c26e

#f2c26e Preview

Shades and Tints of #f2c26e

Tones of #f2c26e

Color Blindness Simulator