#f2f2ca hex color

In a RGB color space, hex #f2f2ca is composed of 94.9% red, 94.9% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 16.5% yellow and 5.1% black. It has a hue angle of 60 degrees, a saturation of 60.6% and a lightness of 87.1%. #f2f2ca color hex could be obtained by blending #ffffff with #e5e595. Closest websafe color is: #ffffcc.

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

● #f2f2ca color description : Light grayish yellow.

The hexadecimal color #f2f2ca has RGB values of R:242, G:242, B:202 and CMYK values of C:0, M:0, Y:0.17, K:0.05. Its decimal value is 15921866.

Hex triplet	f2f2ca	`#f2f2ca`
RGB Decimal	242, 242, 202	`rgb(242,242,202)`
RGB Percent	94.9, 94.9, 79.2	`rgb(94.9%,94.9%,79.2%)`
CMYK	0, 0, 17, 5
HSL	60°, 60.6, 87.1	`hsl(60,60.6%,87.1%)`
HSV (or HSB)	60°, 16.5, 94.9
Web Safe	ffffcc	`#ffffcc`

CIE-LAB	94.588, -6.505, 19.351
XYZ	79.029, 86.646, 68.435
xyY	0.338, 0.37, 86.646
CIE-LCH	94.588, 20.415, 108.58
CIE-LUV	94.588, 2.121, 29.466
Hunter-Lab	93.084, -11.349, 21.569
Binary	11110010, 11110010, 11001010

#f2f2ca
```
#f2f2ca rgb(242,242,202)
```
#cacaf2
```
#cacaf2 rgb(202,202,242)
```

Complementary Color

#f2deca
```
#f2deca rgb(242,222,202)
```
#f2f2ca
```
#f2f2ca rgb(242,242,202)
```
#def2ca
```
#def2ca rgb(222,242,202)
```

Analogous Color

#decaf2
```
#decaf2 rgb(222,202,242)
```
#f2f2ca
```
#f2f2ca rgb(242,242,202)
```
#cadef2
```
#cadef2 rgb(202,222,242)
```

Split Complementary Color

#f2caf2
```
#f2caf2 rgb(242,202,242)
```
#f2f2ca
```
#f2f2ca rgb(242,242,202)
```
#caf2f2
```
#caf2f2 rgb(202,242,242)
```

Triadic Color

#f2caca
```
#f2caca rgb(242,202,202)
```
#f2f2ca
```
#f2f2ca rgb(242,242,202)
```
#caf2f2
```
#caf2f2 rgb(202,242,242)
```
#cacaf2
```
#cacaf2 rgb(202,202,242)
```

Tetradic Color

#e3e38d
```
#e3e38d rgb(227,227,141)
```
#e8e8a1
```
#e8e8a1 rgb(232,232,161)
```
#ededb6
```
#ededb6 rgb(237,237,182)
```
#f2f2ca
```
#f2f2ca rgb(242,242,202)
```
#f7f7de
```
#f7f7de rgb(247,247,222)
```
#fcfcf3
```
#fcfcf3 rgb(252,252,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#f2e8ca
```
#f2e8ca rgb(242,232,202)
```
#f2ebca
```
#f2ebca rgb(242,235,202)
```
#f2efca
```
#f2efca rgb(242,239,202)
```
#f2f2ca
```
#f2f2ca rgb(242,242,202)
```
#eff2ca
```
#eff2ca rgb(239,242,202)
```
#ebf2ca
```
#ebf2ca rgb(235,242,202)
```
#e8f2ca
```
#e8f2ca rgb(232,242,202)
```

Similar Colors

Text with hexadecimal color #f2f2ca

This text has a font color of #f2f2ca.

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

#f2f2ca background color

This paragraph has a background color of #f2f2ca.

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

#f2f2ca border color

This element has a border color of #f2f2ca.

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

CSS codes

.text {color:#f2f2ca;}

.background {background-color:#f2f2ca;}

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

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

#0a0a02
```
#0a0a02 rgb(10,10,2)
```
#1a1a06
```
#1a1a06 rgb(26,26,6)
```
#2a2a0a
```
#2a2a0a rgb(42,42,10)
```
#39390e
```
#39390e rgb(57,57,14)
```
#494912
```
#494912 rgb(73,73,18)
```
#595916
```
#595916 rgb(89,89,22)
```
#69691a
```
#69691a rgb(105,105,26)
```
#78781e
```
#78781e rgb(120,120,30)
```
#888821
```
#888821 rgb(136,136,33)
```
#989825
```
#989825 rgb(152,152,37)
```
#a8a829
```
#a8a829 rgb(168,168,41)
```
#b7b72d
```
#b7b72d rgb(183,183,45)
```
#c7c731
```
#c7c731 rgb(199,199,49)
```

Shade Color Variation

#cfcf3c
```
#cfcf3c rgb(207,207,60)
```
#d3d34c
```
#d3d34c rgb(211,211,76)
```
#d7d75c
```
#d7d75c rgb(215,215,92)
```
#dbdb6b
```
#dbdb6b rgb(219,219,107)
```
#dfdf7b
```
#dfdf7b rgb(223,223,123)
```
#e3e38b
```
#e3e38b rgb(227,227,139)
```
#e6e69b
```
#e6e69b rgb(230,230,155)
```
#eaeaaa
```
#eaeaaa rgb(234,234,170)
```
#eeeeba
```
#eeeeba rgb(238,238,186)
```
#f2f2ca
```
#f2f2ca rgb(242,242,202)
```
#f6f6da
```
#f6f6da rgb(246,246,218)
```
#fafaea
```
#fafaea rgb(250,250,234)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#e0e0dc
```
#e0e0dc rgb(224,224,220)
```
#e3e3d9
```
#e3e3d9 rgb(227,227,217)
```
#e5e5d7
```
#e5e5d7 rgb(229,229,215)
```
#e8e8d4
```
#e8e8d4 rgb(232,232,212)
```
#eaead2
```
#eaead2 rgb(234,234,210)
```
#ededcf
```
#ededcf rgb(237,237,207)
```
#efefcd
```
#efefcd rgb(239,239,205)
```
#f2f2ca
```
#f2f2ca rgb(242,242,202)
```
#f5f5c7
```
#f5f5c7 rgb(245,245,199)
```
#f7f7c5
```
#f7f7c5 rgb(247,247,197)
```
#fafac2
```
#fafac2 rgb(250,250,194)
```
#fcfcc0
```
#fcfcc0 rgb(252,252,192)
```
#ffffbd
```
#ffffbd rgb(255,255,189)
```

Tone Color Variation

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

#ededed Achromatopsia 0.005% of the population
#eeeee6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fcefcb Protanopia 1% of men
#ffece3 Deuteranopia 1% of men
#faebfc Tritanopia 0.001% of the population

Trichromacy

#f8f0ca Protanomaly 1% of men, 0.01% of women
#faeeda Deuteranomaly 6% of men, 0.4% of women
#f7eeea Tritanomaly 0.01% of the population

#f2f2ca hex color

#f2f2ca Color Information

#f2f2ca Color Conversion

Color Schemes with #f2f2ca

Alternatives to #f2f2ca

#f2f2ca Preview

Shades and Tints of #f2f2ca

Tones of #f2f2ca

Color Blindness Simulator