#f2f2bc hex color

In a RGB color space, hex #f2f2bc is composed of 94.9% red, 94.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 22.3% yellow and 5.1% black. It has a hue angle of 60 degrees, a saturation of 67.5% and a lightness of 84.3%. #f2f2bc color hex could be obtained by blending #ffffff with #e5e579. Closest websafe color is: #ffffcc.

♥
- f
- t
- g
- R 95
- G 95
- B 74
RGB color chart
- C 0
- M 0
- Y 22
- K 5
CMYK color chart

● #f2f2bc color description : Very soft yellow.

The hexadecimal color #f2f2bc has RGB values of R:242, G:242, B:188 and CMYK values of C:0, M:0, Y:0.22, K:0.05. Its decimal value is 15921852.

Hex triplet	f2f2bc	`#f2f2bc`
RGB Decimal	242, 242, 188	`rgb(242,242,188)`
RGB Percent	94.9, 94.9, 73.7	`rgb(94.9%,94.9%,73.7%)`
CMYK	0, 0, 22, 5
HSL	60°, 67.5, 84.3	`hsl(60,67.5%,84.3%)`
HSV (or HSB)	60°, 22.3, 94.9
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	94.318, -8.502, 26.147
XYZ	77.446, 86.013, 60.097
xyY	0.346, 0.385, 86.013
CIE-LCH	94.318, 27.494, 108.012
CIE-LUV	94.318, 2.805, 38.944
Hunter-Lab	92.743, -13.243, 26.501
Binary	11110010, 11110010, 10111100

#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#bcbcf2
```
#bcbcf2 rgb(188,188,242)
```

Complementary Color

#f2d7bc
```
#f2d7bc rgb(242,215,188)
```
#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#d7f2bc
```
#d7f2bc rgb(215,242,188)
```

Analogous Color

#d7bcf2
```
#d7bcf2 rgb(215,188,242)
```
#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#bcd7f2
```
#bcd7f2 rgb(188,215,242)
```

Split Complementary Color

#f2bcf2
```
#f2bcf2 rgb(242,188,242)
```
#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#bcf2f2
```
#bcf2f2 rgb(188,242,242)
```

Triadic Color

#f2bcbc
```
#f2bcbc rgb(242,188,188)
```
#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#bcf2f2
```
#bcf2f2 rgb(188,242,242)
```
#bcbcf2
```
#bcbcf2 rgb(188,188,242)
```

Tetradic Color

#e6e67c
```
#e6e67c rgb(230,230,124)
```
#eaea91
```
#eaea91 rgb(234,234,145)
```
#eeeea7
```
#eeeea7 rgb(238,238,167)
```
#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#f6f6d1
```
#f6f6d1 rgb(246,246,209)
```
#fafae7
```
#fafae7 rgb(250,250,231)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Monochromatic Color

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

#f2e5bc
```
#f2e5bc rgb(242,229,188)
```
#f2e9bc
```
#f2e9bc rgb(242,233,188)
```
#f2eebc
```
#f2eebc rgb(242,238,188)
```
#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#eef2bc
```
#eef2bc rgb(238,242,188)
```
#e9f2bc
```
#e9f2bc rgb(233,242,188)
```
#e5f2bc
```
#e5f2bc rgb(229,242,188)
```

Similar Colors

Text with hexadecimal color #f2f2bc

This text has a font color of #f2f2bc.

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

#f2f2bc background color

This paragraph has a background color of #f2f2bc.

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

#f2f2bc border color

This element has a border color of #f2f2bc.

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

CSS codes

.text {color:#f2f2bc;}

.background {background-color:#f2f2bc;}

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

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

#0f0f03
```
#0f0f03 rgb(15,15,3)
```
#202006
```
#202006 rgb(32,32,6)
```
#303009
```
#303009 rgb(48,48,9)
```
#40400d
```
#40400d rgb(64,64,13)
```
#515110
```
#515110 rgb(81,81,16)
```
#616113
```
#616113 rgb(97,97,19)
```
#727216
```
#727216 rgb(114,114,22)
```
#828219
```
#828219 rgb(130,130,25)
```
#93931c
```
#93931c rgb(147,147,28)
```
#a3a320
```
#a3a320 rgb(163,163,32)
```
#b3b323
```
#b3b323 rgb(179,179,35)
```
#c4c426
```
#c4c426 rgb(196,196,38)
```
#d4d429
```
#d4d429 rgb(212,212,41)
```

Shade Color Variation

#d9d939
```
#d9d939 rgb(217,217,57)
```
#dcdc49
```
#dcdc49 rgb(220,220,73)
```
#dfdf59
```
#dfdf59 rgb(223,223,89)
```
#e2e26a
```
#e2e26a rgb(226,226,106)
```
#e5e57a
```
#e5e57a rgb(229,229,122)
```
#e8e88b
```
#e8e88b rgb(232,232,139)
```
#ecec9b
```
#ecec9b rgb(236,236,155)
```
#efefac
```
#efefac rgb(239,239,172)
```
#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#f5f5cc
```
#f5f5cc rgb(245,245,204)
```
#f8f8dd
```
#f8f8dd rgb(248,248,221)
```
#fcfced
```
#fcfced rgb(252,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#d9d9d5
```
#d9d9d5 rgb(217,217,213)
```
#dcdcd2
```
#dcdcd2 rgb(220,220,210)
```
#e0e0ce
```
#e0e0ce rgb(224,224,206)
```
#e3e3cb
```
#e3e3cb rgb(227,227,203)
```
#e6e6c8
```
#e6e6c8 rgb(230,230,200)
```
#e9e9c5
```
#e9e9c5 rgb(233,233,197)
```
#ececc2
```
#ececc2 rgb(236,236,194)
```
#efefbf
```
#efefbf rgb(239,239,191)
```
#f2f2bc
```
#f2f2bc rgb(242,242,188)
```
#f5f5b9
```
#f5f5b9 rgb(245,245,185)
```
#f8f8b6
```
#f8f8b6 rgb(248,248,182)
```
#fbfbb3
```
#fbfbb3 rgb(251,251,179)
```
#fefeb0
```
#fefeb0 rgb(254,254,176)
```

Tone Color Variation

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

#ececec Achromatopsia 0.005% of the population
#edede2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#feefbd Protanopia 1% of men
#ffecdf Deuteranopia 1% of men
#fbeafb Tritanopia 0.001% of the population

Trichromacy

#faf0bd Protanomaly 1% of men, 0.01% of women
#faeed2 Deuteranomaly 6% of men, 0.4% of women
#f8ede4 Tritanomaly 0.01% of the population

#f2f2bc hex color

#f2f2bc Color Information

#f2f2bc Color Conversion

Color Schemes with #f2f2bc

Alternatives to #f2f2bc

#f2f2bc Preview

Shades and Tints of #f2f2bc

Tones of #f2f2bc

Color Blindness Simulator