#f2d56c hex color

In a RGB color space, hex #f2d56c is composed of 94.9% red, 83.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12% magenta, 55.4% yellow and 5.1% black. It has a hue angle of 47 degrees, a saturation of 83.8% and a lightness of 68.6%. #f2d56c color hex could be obtained by blending #ffffd8 with #e5ab00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 84
- B 42
RGB color chart
- C 0
- M 12
- Y 55
- K 5
CMYK color chart

● #f2d56c color description : Soft yellow.

The hexadecimal color #f2d56c has RGB values of R:242, G:213, B:108 and CMYK values of C:0, M:0.12, Y:0.55, K:0.05. Its decimal value is 15914348.

Hex triplet	f2d56c	`#f2d56c`
RGB Decimal	242, 213, 108	`rgb(242,213,108)`
RGB Percent	94.9, 83.5, 42.4	`rgb(94.9%,83.5%,42.4%)`
CMYK	0, 12, 55, 5
HSL	47°, 83.8, 68.6	`hsl(47,83.8%,68.6%)`
HSV (or HSB)	47°, 55.4, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.781, -2.486, 54.839
XYZ	63.119, 67.55, 23.9
xyY	0.408, 0.437, 67.55
CIE-LCH	85.781, 54.895, 92.596
CIE-LUV	85.781, 24.615, 68.253
Hunter-Lab	82.189, -6.747, 40.291
Binary	11110010, 11010101, 01101100

#f2d56c
```
#f2d56c rgb(242,213,108)
```
#6c89f2
```
#6c89f2 rgb(108,137,242)
```

Complementary Color

#f2926c
```
#f2926c rgb(242,146,108)
```
#f2d56c
```
#f2d56c rgb(242,213,108)
```
#ccf26c
```
#ccf26c rgb(204,242,108)
```

Analogous Color

#926cf2
```
#926cf2 rgb(146,108,242)
```
#f2d56c
```
#f2d56c rgb(242,213,108)
```
#6cccf2
```
#6cccf2 rgb(108,204,242)
```

Split Complementary Color

#d56cf2
```
#d56cf2 rgb(213,108,242)
```
#f2d56c
```
#f2d56c rgb(242,213,108)
```
#6cf2d5
```
#6cf2d5 rgb(108,242,213)
```

Triadic Color

#f26c89
```
#f26c89 rgb(242,108,137)
```
#f2d56c
```
#f2d56c rgb(242,213,108)
```
#6cf2d5
```
#6cf2d5 rgb(108,242,213)
```
#6c89f2
```
#6c89f2 rgb(108,137,242)
```

Tetradic Color

#ecc126
```
#ecc126 rgb(236,193,38)
```
#eec83d
```
#eec83d rgb(238,200,61)
```
#f0ce55
```
#f0ce55 rgb(240,206,85)
```
#f2d56c
```
#f2d56c rgb(242,213,108)
```
#f4dc83
```
#f4dc83 rgb(244,220,131)
```
#f6e29b
```
#f6e29b rgb(246,226,155)
```
#f8e9b2
```
#f8e9b2 rgb(248,233,178)
```

Monochromatic Color

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

#f2b46c
```
#f2b46c rgb(242,180,108)
```
#f2bf6c
```
#f2bf6c rgb(242,191,108)
```
#f2ca6c
```
#f2ca6c rgb(242,202,108)
```
#f2d56c
```
#f2d56c rgb(242,213,108)
```
#f2e06c
```
#f2e06c rgb(242,224,108)
```
#f2eb6c
```
#f2eb6c rgb(242,235,108)
```
#eef26c
```
#eef26c rgb(238,242,108)
```

Similar Colors

Text with hexadecimal color #f2d56c

This text has a font color of #f2d56c.

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

#f2d56c background color

This paragraph has a background color of #f2d56c.

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

#f2d56c border color

This element has a border color of #f2d56c.

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

CSS codes

.text {color:#f2d56c;}

.background {background-color:#f2d56c;}

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

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

#0f0c01
```
#0f0c01 rgb(15,12,1)
```
#211b03
```
#211b03 rgb(33,27,3)
```
#332905
```
#332905 rgb(51,41,5)
```
#453806
```
#453806 rgb(69,56,6)
```
#574608
```
#574608 rgb(87,70,8)
```
#695509
```
#695509 rgb(105,85,9)
```
#7b630b
```
#7b630b rgb(123,99,11)
```
#8d710d
```
#8d710d rgb(141,113,13)
```
#9f800e
```
#9f800e rgb(159,128,14)
```
#b18e10
```
#b18e10 rgb(177,142,16)
```
#c39d11
```
#c39d11 rgb(195,157,17)
```
#d5ab13
```
#d5ab13 rgb(213,171,19)
```
#e7ba14
```
#e7ba14 rgb(231,186,20)
```

Shade Color Variation

#ecc024
```
#ecc024 rgb(236,192,36)
```
#edc636
```
#edc636 rgb(237,198,54)
```
#efcb48
```
#efcb48 rgb(239,203,72)
```
#f0d05a
```
#f0d05a rgb(240,208,90)
```
#f2d56c
```
#f2d56c rgb(242,213,108)
```
#f4da7e
```
#f4da7e rgb(244,218,126)
```
#f5df90
```
#f5df90 rgb(245,223,144)
```
#f7e4a2
```
#f7e4a2 rgb(247,228,162)
```
#f8eab4
```
#f8eab4 rgb(248,234,180)
```
#faefc6
```
#faefc6 rgb(250,239,198)
```
#fcf4d8
```
#fcf4d8 rgb(252,244,216)
```
#fdf9ea
```
#fdf9ea rgb(253,249,234)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#b4b2aa
```
#b4b2aa rgb(180,178,170)
```
#bbb6a3
```
#bbb6a3 rgb(187,182,163)
```
#c1b99d
```
#c1b99d rgb(193,185,157)
```
#c7bd97
```
#c7bd97 rgb(199,189,151)
```
#cdc091
```
#cdc091 rgb(205,192,145)
```
#d3c48b
```
#d3c48b rgb(211,196,139)
```
#d9c785
```
#d9c785 rgb(217,199,133)
```
#e0cb7e
```
#e0cb7e rgb(224,203,126)
```
#e6ce78
```
#e6ce78 rgb(230,206,120)
```
#ecd272
```
#ecd272 rgb(236,210,114)
```
#f2d56c
```
#f2d56c rgb(242,213,108)
```
#f8d866
```
#f8d866 rgb(248,216,102)
```
#fedc60
```
#fedc60 rgb(254,220,96)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d8d3be Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed874 Protanopia 1% of men
#ffd192 Deuteranopia 1% of men
#fdcbd9 Tritanopia 0.001% of the population

Trichromacy

#efd771 Protanomaly 1% of men, 0.01% of women
#fad284 Deuteranomaly 6% of men, 0.4% of women
#f9cfb1 Tritanomaly 0.01% of the population

#f2d56c hex color

#f2d56c Color Information

#f2d56c Color Conversion

Color Schemes with #f2d56c

Alternatives to #f2d56c

#f2d56c Preview

Shades and Tints of #f2d56c

Tones of #f2d56c

Color Blindness Simulator