#f2d866 hex color

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

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

● #f2d866 color description : Soft yellow.

The hexadecimal color #f2d866 has RGB values of R:242, G:216, B:102 and CMYK values of C:0, M:0.11, Y:0.58, K:0.05. Its decimal value is 15915110.

Hex triplet	f2d866	`#f2d866`
RGB Decimal	242, 216, 102	`rgb(242,216,102)`
RGB Percent	94.9, 84.7, 40	`rgb(94.9%,84.7%,40%)`
CMYK	0, 11, 58, 5
HSL	48.9°, 84.3, 67.5	`hsl(48.9,84.3%,67.5%)`
HSV (or HSB)	48.9°, 57.9, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.479, -4.455, 58.395
XYZ	63.572, 68.95, 22.53
xyY	0.41, 0.445, 68.95
CIE-LCH	86.479, 58.564, 94.362
CIE-LUV	86.479, 22.885, 72.104
Hunter-Lab	83.036, -8.654, 42.039
Binary	11110010, 11011000, 01100110

#f2d866
```
#f2d866 rgb(242,216,102)
```
#6680f2
```
#6680f2 rgb(102,128,242)
```

Complementary Color

#f29266
```
#f29266 rgb(242,146,102)
```
#f2d866
```
#f2d866 rgb(242,216,102)
```
#c6f266
```
#c6f266 rgb(198,242,102)
```

Analogous Color

#9266f2
```
#9266f2 rgb(146,102,242)
```
#f2d866
```
#f2d866 rgb(242,216,102)
```
#66c6f2
```
#66c6f2 rgb(102,198,242)
```

Split Complementary Color

#d866f2
```
#d866f2 rgb(216,102,242)
```
#f2d866
```
#f2d866 rgb(242,216,102)
```
#66f2d8
```
#66f2d8 rgb(102,242,216)
```

Triadic Color

#f26680
```
#f26680 rgb(242,102,128)
```
#f2d866
```
#f2d866 rgb(242,216,102)
```
#66f2d8
```
#66f2d8 rgb(102,242,216)
```
#6680f2
```
#6680f2 rgb(102,128,242)
```

Tetradic Color

#ecc61f
```
#ecc61f rgb(236,198,31)
```
#eecc37
```
#eecc37 rgb(238,204,55)
```
#f0d24e
```
#f0d24e rgb(240,210,78)
```
#f2d866
```
#f2d866 rgb(242,216,102)
```
#f4de7e
```
#f4de7e rgb(244,222,126)
```
#f6e495
```
#f6e495 rgb(246,228,149)
```
#f8eaad
```
#f8eaad rgb(248,234,173)
```

Monochromatic Color

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

#f2b566
```
#f2b566 rgb(242,181,102)
```
#f2c166
```
#f2c166 rgb(242,193,102)
```
#f2cc66
```
#f2cc66 rgb(242,204,102)
```
#f2d866
```
#f2d866 rgb(242,216,102)
```
#f2e466
```
#f2e466 rgb(242,228,102)
```
#f2ef66
```
#f2ef66 rgb(242,239,102)
```
#e9f266
```
#e9f266 rgb(233,242,102)
```

Similar Colors

Text with hexadecimal color #f2d866

This text has a font color of #f2d866.

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

#f2d866 background color

This paragraph has a background color of #f2d866.

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

#f2d866 border color

This element has a border color of #f2d866.

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

CSS codes

.text {color:#f2d866;}

.background {background-color:#f2d866;}

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

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

#0a0801
```
#0a0801 rgb(10,8,1)
```
#1c1702
```
#1c1702 rgb(28,23,2)
```
#2e2604
```
#2e2604 rgb(46,38,4)
```
#403505
```
#403505 rgb(64,53,5)
```
#524407
```
#524407 rgb(82,68,7)
```
#645309
```
#645309 rgb(100,83,9)
```
#76620a
```
#76620a rgb(118,98,10)
```
#88710c
```
#88710c rgb(136,113,12)
```
#9a800d
```
#9a800d rgb(154,128,13)
```
#ac8f0f
```
#ac8f0f rgb(172,143,15)
```
#bf9e10
```
#bf9e10 rgb(191,158,16)
```
#d1ad12
```
#d1ad12 rgb(209,173,18)
```
#e3bc13
```
#e3bc13 rgb(227,188,19)
```

Shade Color Variation

#ecc61e
```
#ecc61e rgb(236,198,30)
```
#edca30
```
#edca30 rgb(237,202,48)
```
#efcf42
```
#efcf42 rgb(239,207,66)
```
#f0d354
```
#f0d354 rgb(240,211,84)
```
#f2d866
```
#f2d866 rgb(242,216,102)
```
#f4dd78
```
#f4dd78 rgb(244,221,120)
```
#f5e18a
```
#f5e18a rgb(245,225,138)
```
#f7e69c
```
#f7e69c rgb(247,230,156)
```
#f8eaae
```
#f8eaae rgb(248,234,174)
```
#faefc0
```
#faefc0 rgb(250,239,192)
```
#fbf4d2
```
#fbf4d2 rgb(251,244,210)
```
#fdf8e5
```
#fdf8e5 rgb(253,248,229)
```
#fefdf7
```
#fefdf7 rgb(254,253,247)
```

Tint Color Variation

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

#b2b0a6
```
#b2b0a6 rgb(178,176,166)
```
#b9b49f
```
#b9b49f rgb(185,180,159)
```
#bfb899
```
#bfb899 rgb(191,184,153)
```
#c5bc93
```
#c5bc93 rgb(197,188,147)
```
#ccc08c
```
#ccc08c rgb(204,192,140)
```
#d2c486
```
#d2c486 rgb(210,196,134)
```
#d8c880
```
#d8c880 rgb(216,200,128)
```
#dfcc79
```
#dfcc79 rgb(223,204,121)
```
#e5d073
```
#e5d073 rgb(229,208,115)
```
#ecd46c
```
#ecd46c rgb(236,212,108)
```
#f2d866
```
#f2d866 rgb(242,216,102)
```
#f8dc60
```
#f8dc60 rgb(248,220,96)
```
#ffe059
```
#ffe059 rgb(255,224,89)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d9d4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0da6e Protanopia 1% of men
#ffd398 Deuteranopia 1% of men
#fdcddc Tritanopia 0.001% of the population

Trichromacy

#f1d96b Protanomaly 1% of men, 0.01% of women
#fad585 Deuteranomaly 6% of men, 0.4% of women
#f9d1b1 Tritanomaly 0.01% of the population

#f2d866 hex color

#f2d866 Color Information

#f2d866 Color Conversion

Color Schemes with #f2d866

Alternatives to #f2d866

#f2d866 Preview

Shades and Tints of #f2d866

Tones of #f2d866

Color Blindness Simulator