#f2c267 hex color

In a RGB color space, hex #f2c267 is composed of 94.9% red, 76.1% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.8% magenta, 57.4% yellow and 5.1% black. It has a hue angle of 39.3 degrees, a saturation of 84.2% and a lightness of 67.6%. #f2c267 color hex could be obtained by blending #ffffce with #e58500. Closest websafe color is: #ffcc66.

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

● #f2c267 color description : Soft orange.

The hexadecimal color #f2c267 has RGB values of R:242, G:194, B:103 and CMYK values of C:0, M:0.2, Y:0.57, K:0.05. Its decimal value is 15909479.

Hex triplet	f2c267	`#f2c267`
RGB Decimal	242, 194, 103	`rgb(242,194,103)`
RGB Percent	94.9, 76.1, 40.4	`rgb(94.9%,76.1%,40.4%)`
CMYK	0, 20, 57, 5
HSL	39.3°, 84.2, 67.6	`hsl(39.3,84.2%,67.6%)`
HSV (or HSB)	39.3°, 57.4, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.984, 6.935, 51.591
XYZ	58.358, 58.443, 21.038
xyY	0.423, 0.424, 58.443
CIE-LCH	80.984, 52.055, 82.344
CIE-LUV	80.984, 37.938, 61.738
Hunter-Lab	76.448, 2.479, 37.197
Binary	11110010, 11000010, 01100111

#f2c267
```
#f2c267 rgb(242,194,103)
```
#6797f2
```
#6797f2 rgb(103,151,242)
```

Complementary Color

#f27d67
```
#f27d67 rgb(242,125,103)
```
#f2c267
```
#f2c267 rgb(242,194,103)
```
#ddf267
```
#ddf267 rgb(221,242,103)
```

Analogous Color

#7d67f2
```
#7d67f2 rgb(125,103,242)
```
#f2c267
```
#f2c267 rgb(242,194,103)
```
#67ddf2
```
#67ddf2 rgb(103,221,242)
```

Split Complementary Color

#c267f2
```
#c267f2 rgb(194,103,242)
```
#f2c267
```
#f2c267 rgb(242,194,103)
```
#67f2c2
```
#67f2c2 rgb(103,242,194)
```

Triadic Color

#f26797
```
#f26797 rgb(242,103,151)
```
#f2c267
```
#f2c267 rgb(242,194,103)
```
#67f2c2
```
#67f2c2 rgb(103,242,194)
```
#6797f2
```
#6797f2 rgb(103,151,242)
```

Tetradic Color

#eca621
```
#eca621 rgb(236,166,33)
```
#eeaf38
```
#eeaf38 rgb(238,175,56)
```
#f0b950
```
#f0b950 rgb(240,185,80)
```
#f2c267
```
#f2c267 rgb(242,194,103)
```
#f4cb7e
```
#f4cb7e rgb(244,203,126)
```
#f6d596
```
#f6d596 rgb(246,213,150)
```
#f8dead
```
#f8dead rgb(248,222,173)
```

Monochromatic Color

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

#f29f67
```
#f29f67 rgb(242,159,103)
```
#f2ab67
```
#f2ab67 rgb(242,171,103)
```
#f2b667
```
#f2b667 rgb(242,182,103)
```
#f2c267
```
#f2c267 rgb(242,194,103)
```
#f2ce67
```
#f2ce67 rgb(242,206,103)
```
#f2d967
```
#f2d967 rgb(242,217,103)
```
#f2e567
```
#f2e567 rgb(242,229,103)
```

Similar Colors

Text with hexadecimal color #f2c267

This text has a font color of #f2c267.

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

#f2c267 background color

This paragraph has a background color of #f2c267.

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

#f2c267 border color

This element has a border color of #f2c267.

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

CSS codes

.text {color:#f2c267;}

.background {background-color:#f2c267;}

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

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

#0b0701
```
#0b0701 rgb(11,7,1)
```
#1d1402
```
#1d1402 rgb(29,20,2)
```
#2f2004
```
#2f2004 rgb(47,32,4)
```
#412c06
```
#412c06 rgb(65,44,6)
```
#533907
```
#533907 rgb(83,57,7)
```
#654509
```
#654509 rgb(101,69,9)
```
#77510a
```
#77510a rgb(119,81,10)
```
#895e0c
```
#895e0c rgb(137,94,12)
```
#9b6a0d
```
#9b6a0d rgb(155,106,13)
```
#ad770f
```
#ad770f rgb(173,119,15)
```
#bf8310
```
#bf8310 rgb(191,131,16)
```
#d18f12
```
#d18f12 rgb(209,143,18)
```
#e39c13
```
#e39c13 rgb(227,156,19)
```

Shade Color Variation

#eca51f
```
#eca51f rgb(236,165,31)
```
#edac31
```
#edac31 rgb(237,172,49)
```
#efb343
```
#efb343 rgb(239,179,67)
```
#f0bb55
```
#f0bb55 rgb(240,187,85)
```
#f2c267
```
#f2c267 rgb(242,194,103)
```
#f4c979
```
#f4c979 rgb(244,201,121)
```
#f5d18b
```
#f5d18b rgb(245,209,139)
```
#f7d89d
```
#f7d89d rgb(247,216,157)
```
#f8dfaf
```
#f8dfaf rgb(248,223,175)
```
#fae6c1
```
#fae6c1 rgb(250,230,193)
```
#fbeed3
```
#fbeed3 rgb(251,238,211)
```
#fdf5e5
```
#fdf5e5 rgb(253,245,229)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#b3aea6
```
#b3aea6 rgb(179,174,166)
```
#b9b0a0
```
#b9b0a0 rgb(185,176,160)
```
#bfb29a
```
#bfb29a rgb(191,178,154)
```
#c6b493
```
#c6b493 rgb(198,180,147)
```
#ccb68d
```
#ccb68d rgb(204,182,141)
```
#d2b887
```
#d2b887 rgb(210,184,135)
```
#d9ba80
```
#d9ba80 rgb(217,186,128)
```
#dfbc7a
```
#dfbc7a rgb(223,188,122)
```
#e5be74
```
#e5be74 rgb(229,190,116)
```
#ecc06d
```
#ecc06d rgb(236,192,109)
```
#f2c267
```
#f2c267 rgb(242,194,103)
```
#f8c461
```
#f8c461 rgb(248,196,97)
```
#ffc65a
```
#ffc65a rgb(255,198,90)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cfc5b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcb71 Protanopia 1% of men
#f8c26f Deuteranopia 1% of men
#fabac7 Tritanopia 0.001% of the population

Trichromacy

#e6c86d Protanomaly 1% of men, 0.01% of women
#f5c26c Deuteranomaly 6% of men, 0.4% of women
#f7bda4 Tritanomaly 0.01% of the population

#f2c267 hex color

#f2c267 Color Information

#f2c267 Color Conversion

Color Schemes with #f2c267

Alternatives to #f2c267

#f2c267 Preview

Shades and Tints of #f2c267

Tones of #f2c267

Color Blindness Simulator