#f2c284 hex color

In a RGB color space, hex #f2c284 is composed of 94.9% red, 76.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 45.5% yellow and 5.1% black. It has a hue angle of 33.8 degrees, a saturation of 80.9% and a lightness of 73.3%. #f2c284 color hex could be obtained by blending #ffffff with #e58509. Closest websafe color is: #ffcc99.

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

● #f2c284 color description : Soft orange.

The hexadecimal color #f2c284 has RGB values of R:242, G:194, B:132 and CMYK values of C:0, M:0.2, Y:0.45, K:0.05. Its decimal value is 15909508.

Hex triplet	f2c284	`#f2c284`
RGB Decimal	242, 194, 132	`rgb(242,194,132)`
RGB Percent	94.9, 76.1, 51.8	`rgb(94.9%,76.1%,51.8%)`
CMYK	0, 20, 45, 5
HSL	33.8°, 80.9, 73.3	`hsl(33.8,80.9%,73.3%)`
HSV (or HSB)	33.8°, 45.5, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.363, 9.43, 37.613
XYZ	60.075, 59.129, 30.077
xyY	0.402, 0.396, 59.129
CIE-LCH	81.363, 38.777, 75.925
CIE-LUV	81.363, 35.783, 47.299
Hunter-Lab	76.895, 4.886, 30.636
Binary	11110010, 11000010, 10000100

#f2c284
```
#f2c284 rgb(242,194,132)
```
#84b4f2
```
#84b4f2 rgb(132,180,242)
```

Complementary Color

#f28b84
```
#f28b84 rgb(242,139,132)
```
#f2c284
```
#f2c284 rgb(242,194,132)
```
#ebf284
```
#ebf284 rgb(235,242,132)
```

Analogous Color

#8b84f2
```
#8b84f2 rgb(139,132,242)
```
#f2c284
```
#f2c284 rgb(242,194,132)
```
#84ebf2
```
#84ebf2 rgb(132,235,242)
```

Split Complementary Color

#c284f2
```
#c284f2 rgb(194,132,242)
```
#f2c284
```
#f2c284 rgb(242,194,132)
```
#84f2c2
```
#84f2c2 rgb(132,242,194)
```

Triadic Color

#f284b4
```
#f284b4 rgb(242,132,180)
```
#f2c284
```
#f2c284 rgb(242,194,132)
```
#84f2c2
```
#84f2c2 rgb(132,242,194)
```
#84b4f2
```
#84b4f2 rgb(132,180,242)
```

Tetradic Color

#eba03f
```
#eba03f rgb(235,160,63)
```
#edab56
```
#edab56 rgb(237,171,86)
```
#f0b76d
```
#f0b76d rgb(240,183,109)
```
#f2c284
```
#f2c284 rgb(242,194,132)
```
#f4cd9b
```
#f4cd9b rgb(244,205,155)
```
#f7d9b2
```
#f7d9b2 rgb(247,217,178)
```
#f9e4c9
```
#f9e4c9 rgb(249,228,201)
```

Monochromatic Color

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

#f2a784
```
#f2a784 rgb(242,167,132)
```
#f2b084
```
#f2b084 rgb(242,176,132)
```
#f2b984
```
#f2b984 rgb(242,185,132)
```
#f2c284
```
#f2c284 rgb(242,194,132)
```
#f2cb84
```
#f2cb84 rgb(242,203,132)
```
#f2d484
```
#f2d484 rgb(242,212,132)
```
#f2de84
```
#f2de84 rgb(242,222,132)
```

Similar Colors

Text with hexadecimal color #f2c284

This text has a font color of #f2c284.

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

#f2c284 background color

This paragraph has a background color of #f2c284.

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

#f2c284 border color

This element has a border color of #f2c284.

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

CSS codes

.text {color:#f2c284;}

.background {background-color:#f2c284;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130c02
```
#130c02 rgb(19,12,2)
```
#251604
```
#251604 rgb(37,22,4)
```
#362106
```
#362106 rgb(54,33,6)
```
#482c08
```
#482c08 rgb(72,44,8)
```
#5a370a
```
#5a370a rgb(90,55,10)
```
#6c420b
```
#6c420b rgb(108,66,11)
```
#7d4c0d
```
#7d4c0d rgb(125,76,13)
```
#8f570f
```
#8f570f rgb(143,87,15)
```
#a16211
```
#a16211 rgb(161,98,17)
```
#b36d13
```
#b36d13 rgb(179,109,19)
```
#c47815
```
#c47815 rgb(196,120,21)
```
#d68317
```
#d68317 rgb(214,131,23)
```

Shade Color Variation

#e78d1a
```
#e78d1a rgb(231,141,26)
```
#e9962b
```
#e9962b rgb(233,150,43)
```
#eb9f3d
```
#eb9f3d rgb(235,159,61)
```
#eca84f
```
#eca84f rgb(236,168,79)
```
#eeb061
```
#eeb061 rgb(238,176,97)
```
#f0b972
```
#f0b972 rgb(240,185,114)
```
#f2c284
```
#f2c284 rgb(242,194,132)
```
#f4cb96
```
#f4cb96 rgb(244,203,150)
```
#f6d4a7
```
#f6d4a7 rgb(246,212,167)
```
#f8dcb9
```
#f8dcb9 rgb(248,220,185)
```
#fae5cb
```
#fae5cb rgb(250,229,203)
```
#fbeedd
```
#fbeedd rgb(251,238,221)
```
#fdf7ee
```
#fdf7ee rgb(253,247,238)
```

Tint Color Variation

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

#bebbb8
```
#bebbb8 rgb(190,187,184)
```
#c3bcb3
```
#c3bcb3 rgb(195,188,179)
```
#c8bdae
```
#c8bdae rgb(200,189,174)
```
#cdbda9
```
#cdbda9 rgb(205,189,169)
```
#d3bea3
```
#d3bea3 rgb(211,190,163)
```
#d8bf9e
```
#d8bf9e rgb(216,191,158)
```
#ddbf99
```
#ddbf99 rgb(221,191,153)
```
#e2c094
```
#e2c094 rgb(226,192,148)
```
#e8c18e
```
#e8c18e rgb(232,193,142)
```
#edc189
```
#edc189 rgb(237,193,137)
```
#f2c284
```
#f2c284 rgb(242,194,132)
```
#f7c37f
```
#f7c37f rgb(247,195,127)
```
#fcc37a
```
#fcc37a rgb(252,195,122)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d1c8bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcc8d Protanopia 1% of men
#f4c48a Deuteranopia 1% of men
#f9bcca Tritanopia 0.001% of the population

Trichromacy

#e4c889 Protanomaly 1% of men, 0.01% of women
#f3c388 Deuteranomaly 6% of men, 0.4% of women
#f6beb0 Tritanomaly 0.01% of the population

#f2c284 hex color

#f2c284 Color Information

#f2c284 Color Conversion

Color Schemes with #f2c284

Alternatives to #f2c284

#f2c284 Preview

Shades and Tints of #f2c284

Tones of #f2c284

Color Blindness Simulator