#f2dd5c hex color

In a RGB color space, hex #f2dd5c is composed of 94.9% red, 86.7% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.7% magenta, 62% yellow and 5.1% black. It has a hue angle of 51.6 degrees, a saturation of 85.2% and a lightness of 65.5%. #f2dd5c color hex could be obtained by blending #ffffb8 with #e5bb00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 87
- B 36
RGB color chart
- C 0
- M 9
- Y 62
- K 5
CMYK color chart

● #f2dd5c color description : Soft yellow.

The hexadecimal color #f2dd5c has RGB values of R:242, G:221, B:92 and CMYK values of C:0, M:0.09, Y:0.62, K:0.05. Its decimal value is 15916380.

Hex triplet	f2dd5c	`#f2dd5c`
RGB Decimal	242, 221, 92	`rgb(242,221,92)`
RGB Percent	94.9, 86.7, 36.1	`rgb(94.9%,86.7%,36.1%)`
CMYK	0, 9, 62, 5
HSL	51.6°, 85.2, 65.5	`hsl(51.6,85.2%,65.5%)`
HSV (or HSB)	51.6°, 62, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.662, -7.647, 64.086
XYZ	64.406, 71.365, 20.507
xyY	0.412, 0.457, 71.365
CIE-LCH	87.662, 64.54, 96.805
CIE-LUV	87.662, 19.937, 78.075
Hunter-Lab	84.478, -11.746, 44.742
Binary	11110010, 11011101, 01011100

#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#5c71f2
```
#5c71f2 rgb(92,113,242)
```

Complementary Color

#f2925c
```
#f2925c rgb(242,146,92)
```
#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#bcf25c
```
#bcf25c rgb(188,242,92)
```

Analogous Color

#925cf2
```
#925cf2 rgb(146,92,242)
```
#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#5cbcf2
```
#5cbcf2 rgb(92,188,242)
```

Split Complementary Color

#dd5cf2
```
#dd5cf2 rgb(221,92,242)
```
#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#5cf2dd
```
#5cf2dd rgb(92,242,221)
```

Triadic Color

#f25c71
```
#f25c71 rgb(242,92,113)
```
#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#5cf2dd
```
#5cf2dd rgb(92,242,221)
```
#5c71f2
```
#5c71f2 rgb(92,113,242)
```

Tetradic Color

#ecce15
```
#ecce15 rgb(236,206,21)
```
#eed32d
```
#eed32d rgb(238,211,45)
```
#f0d844
```
#f0d844 rgb(240,216,68)
```
#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#f4e274
```
#f4e274 rgb(244,226,116)
```
#f6e78b
```
#f6e78b rgb(246,231,139)
```
#f8eca3
```
#f8eca3 rgb(248,236,163)
```

Monochromatic Color

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

#f2b85c
```
#f2b85c rgb(242,184,92)
```
#f2c45c
```
#f2c45c rgb(242,196,92)
```
#f2d15c
```
#f2d15c rgb(242,209,92)
```
#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#f2ea5c
```
#f2ea5c rgb(242,234,92)
```
#eef25c
```
#eef25c rgb(238,242,92)
```
#e2f25c
```
#e2f25c rgb(226,242,92)
```

Similar Colors

Text with hexadecimal color #f2dd5c

This text has a font color of #f2dd5c.

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

#f2dd5c background color

This paragraph has a background color of #f2dd5c.

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

#f2dd5c border color

This element has a border color of #f2dd5c.

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

CSS codes

.text {color:#f2dd5c;}

.background {background-color:#f2dd5c;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#131001
```
#131001 rgb(19,16,1)
```
#252003
```
#252003 rgb(37,32,3)
```
#373004
```
#373004 rgb(55,48,4)
```
#494006
```
#494006 rgb(73,64,6)
```
#5b5007
```
#5b5007 rgb(91,80,7)
```
#6d5f09
```
#6d5f09 rgb(109,95,9)
```
#806f0a
```
#806f0a rgb(128,111,10)
```
#927f0c
```
#927f0c rgb(146,127,12)
```
#a48f0d
```
#a48f0d rgb(164,143,13)
```
#b69f0f
```
#b69f0f rgb(182,159,15)
```
#c8af10
```
#c8af10 rgb(200,175,16)
```
#dabe11
```
#dabe11 rgb(218,190,17)
```

Shade Color Variation

#ecce13
```
#ecce13 rgb(236,206,19)
```
#eed226
```
#eed226 rgb(238,210,38)
```
#efd538
```
#efd538 rgb(239,213,56)
```
#f1d94a
```
#f1d94a rgb(241,217,74)
```
#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#f3e16e
```
#f3e16e rgb(243,225,110)
```
#f5e580
```
#f5e580 rgb(245,229,128)
```
#f6e892
```
#f6e892 rgb(246,232,146)
```
#f8eca5
```
#f8eca5 rgb(248,236,165)
```
#f9f0b7
```
#f9f0b7 rgb(249,240,183)
```
#fbf4c9
```
#fbf4c9 rgb(251,244,201)
```
#fcf8db
```
#fcf8db rgb(252,248,219)
```
#fefbed
```
#fefbed rgb(254,251,237)
```

Tint Color Variation

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

#a8a7a6
```
#a8a7a6 rgb(168,167,166)
```
#aeaca0
```
#aeaca0 rgb(174,172,160)
```
#b5b199
```
#b5b199 rgb(181,177,153)
```
#bcb692
```
#bcb692 rgb(188,182,146)
```
#c3bb8b
```
#c3bb8b rgb(195,187,139)
```
#c9c085
```
#c9c085 rgb(201,192,133)
```
#d0c57e
```
#d0c57e rgb(208,197,126)
```
#d7ca77
```
#d7ca77 rgb(215,202,119)
```
#dece70
```
#dece70 rgb(222,206,112)
```
#e4d36a
```
#e4d36a rgb(228,211,106)
```
#ebd863
```
#ebd863 rgb(235,216,99)
```
#f2dd5c
```
#f2dd5c rgb(242,221,92)
```
#f9e255
```
#f9e255 rgb(249,226,85)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#dbd7bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5dd64 Protanopia 1% of men
#ffd7a2 Deuteranopia 1% of men
#fed1e0 Tritanopia 0.001% of the population

Trichromacy

#f4dd61 Protanomaly 1% of men, 0.01% of women
#fad988 Deuteranomaly 6% of men, 0.4% of women
#fad5b0 Tritanomaly 0.01% of the population

#f2dd5c hex color

#f2dd5c Color Information

#f2dd5c Color Conversion

Color Schemes with #f2dd5c

Alternatives to #f2dd5c

#f2dd5c Preview

Shades and Tints of #f2dd5c

Tones of #f2dd5c

Color Blindness Simulator