#f2d16e hex color

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

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

● #f2d16e color description : Soft yellow.

The hexadecimal color #f2d16e has RGB values of R:242, G:209, B:110 and CMYK values of C:0, M:0.14, Y:0.55, K:0.05. Its decimal value is 15913326.

Hex triplet	f2d16e	`#f2d16e`
RGB Decimal	242, 209, 110	`rgb(242,209,110)`
RGB Percent	94.9, 82, 43.1	`rgb(94.9%,82%,43.1%)`
CMYK	0, 14, 55, 5
HSL	45°, 83.5, 69	`hsl(45,83.5%,69%)`
HSV (or HSB)	45°, 54.5, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.795, -0.287, 52.743
XYZ	62.233, 65.606, 24.136
xyY	0.409, 0.432, 65.606
CIE-LCH	84.795, 52.744, 90.312
CIE-LUV	84.795, 27.198, 65.537
Hunter-Lab	80.998, -4.598, 39.031
Binary	11110010, 11010001, 01101110

#f2d16e
```
#f2d16e rgb(242,209,110)
```
#6e8ff2
```
#6e8ff2 rgb(110,143,242)
```

Complementary Color

#f28f6e
```
#f28f6e rgb(242,143,110)
```
#f2d16e
```
#f2d16e rgb(242,209,110)
```
#d1f26e
```
#d1f26e rgb(209,242,110)
```

Analogous Color

#8f6ef2
```
#8f6ef2 rgb(143,110,242)
```
#f2d16e
```
#f2d16e rgb(242,209,110)
```
#6ed1f2
```
#6ed1f2 rgb(110,209,242)
```

Split Complementary Color

#d16ef2
```
#d16ef2 rgb(209,110,242)
```
#f2d16e
```
#f2d16e rgb(242,209,110)
```
#6ef2d1
```
#6ef2d1 rgb(110,242,209)
```

Triadic Color

#f26e8f
```
#f26e8f rgb(242,110,143)
```
#f2d16e
```
#f2d16e rgb(242,209,110)
```
#6ef2d1
```
#6ef2d1 rgb(110,242,209)
```
#6e8ff2
```
#6e8ff2 rgb(110,143,242)
```

Tetradic Color

#ecbb28
```
#ecbb28 rgb(236,187,40)
```
#eec23f
```
#eec23f rgb(238,194,63)
```
#f0ca57
```
#f0ca57 rgb(240,202,87)
```
#f2d16e
```
#f2d16e rgb(242,209,110)
```
#f4d885
```
#f4d885 rgb(244,216,133)
```
#f6e09d
```
#f6e09d rgb(246,224,157)
```
#f8e7b4
```
#f8e7b4 rgb(248,231,180)
```

Monochromatic Color

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

#f2b06e
```
#f2b06e rgb(242,176,110)
```
#f2bb6e
```
#f2bb6e rgb(242,187,110)
```
#f2c66e
```
#f2c66e rgb(242,198,110)
```
#f2d16e
```
#f2d16e rgb(242,209,110)
```
#f2dc6e
```
#f2dc6e rgb(242,220,110)
```
#f2e76e
```
#f2e76e rgb(242,231,110)
```
#f2f26e
```
#f2f26e rgb(242,242,110)
```

Similar Colors

Text with hexadecimal color #f2d16e

This text has a font color of #f2d16e.

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

#f2d16e background color

This paragraph has a background color of #f2d16e.

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

#f2d16e border color

This element has a border color of #f2d16e.

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

CSS codes

.text {color:#f2d16e;}

.background {background-color:#f2d16e;}

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

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

#110d02
```
#110d02 rgb(17,13,2)
```
#231b03
```
#231b03 rgb(35,27,3)
```
#352905
```
#352905 rgb(53,41,5)
```
#473706
```
#473706 rgb(71,55,6)
```
#594508
```
#594508 rgb(89,69,8)
```
#6b530a
```
#6b530a rgb(107,83,10)
```
#7d610b
```
#7d610b rgb(125,97,11)
```
#8f6e0d
```
#8f6e0d rgb(143,110,13)
```
#a17c0e
```
#a17c0e rgb(161,124,14)
```
#b38a10
```
#b38a10 rgb(179,138,16)
```
#c59812
```
#c59812 rgb(197,152,18)
```
#d7a613
```
#d7a613 rgb(215,166,19)
```
#e9b415
```
#e9b415 rgb(233,180,21)
```

Shade Color Variation

#ecba26
```
#ecba26 rgb(236,186,38)
```
#edc038
```
#edc038 rgb(237,192,56)
```
#efc64a
```
#efc64a rgb(239,198,74)
```
#f0cb5c
```
#f0cb5c rgb(240,203,92)
```
#f2d16e
```
#f2d16e rgb(242,209,110)
```
#f4d780
```
#f4d780 rgb(244,215,128)
```
#f5dc92
```
#f5dc92 rgb(245,220,146)
```
#f7e2a4
```
#f7e2a4 rgb(247,226,164)
```
#f8e8b6
```
#f8e8b6 rgb(248,232,182)
```
#faeec8
```
#faeec8 rgb(250,238,200)
```
#fcf3da
```
#fcf3da rgb(252,243,218)
```
#fdf9ec
```
#fdf9ec rgb(253,249,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b5b3ab
```
#b5b3ab rgb(181,179,171)
```
#bbb6a5
```
#bbb6a5 rgb(187,182,165)
```
#c1b99f
```
#c1b99f rgb(193,185,159)
```
#c7bc99
```
#c7bc99 rgb(199,188,153)
```
#cebf92
```
#cebf92 rgb(206,191,146)
```
#d4c28c
```
#d4c28c rgb(212,194,140)
```
#dac586
```
#dac586 rgb(218,197,134)
```
#e0c880
```
#e0c880 rgb(224,200,128)
```
#e6cb7a
```
#e6cb7a rgb(230,203,122)
```
#ecce74
```
#ecce74 rgb(236,206,116)
```
#f2d16e
```
#f2d16e rgb(242,209,110)
```
#f8d468
```
#f8d468 rgb(248,212,104)
```
#fed762
```
#fed762 rgb(254,215,98)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d7d0bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead676 Protanopia 1% of men
#ffcd88 Deuteranopia 1% of men
#fcc8d6 Tritanopia 0.001% of the population

Trichromacy

#edd473 Protanomaly 1% of men, 0.01% of women
#face7e Deuteranomaly 6% of men, 0.4% of women
#f8cbb0 Tritanomaly 0.01% of the population

#f2d16e hex color

#f2d16e Color Information

#f2d16e Color Conversion

Color Schemes with #f2d16e

Alternatives to #f2d16e

#f2d16e Preview

Shades and Tints of #f2d16e

Tones of #f2d16e

Color Blindness Simulator