Below, the color conversion values related to the color #f2e4d3 are specified in detail.
Hexadecimal | #f2e4d3 |
RGB Red, Green, Blue |
rgb(242, 228, 211) |
RGB Percent Red, Green, Blue |
rgb(95%, 89%, 83%) |
CMYK CMYK Color Model |
cyan:0%, magenta:6%, yellow: 13%, black:5% |
HSV Hue, Saturation, Value |
hue: 32.90º, saturation: 54%, value: 89% |
XYZ
CIE 1931 Color Space |
X:76.119, Y:79.067, Z:72.878 |
LAB | L:0.913, A:0.020, B:0.100 |
Decimal | 15918291 |
Most Readable | Black |
Web Safe Color | #ffcccc |
Below you can see compatible color combinations for #f2e4d3.
Complementary colors, known as contrasting colors in the color wheel, are used to achieve a high-contrast, vibrant appearance.
Analogous colors are arranged side by side on the color wheel. It is generally used for harmonious and quiet designs.
The tetradic color scheme consists of four colors arranged in two complementary colors.
The split complementary colors consist of complementary colors on either side of the selected main color.
Below you can see alternatives to #f2e4d3.
The text has a font color of #f2e4d3
color: #f2e4d3;
This element has a background-color of #f2e4d3
background-color: #f2e4d3;
This element has a border-color of #f2e4d3
border: 1px solid #f2e4d3;
This element has a box-shadow color of #f2e4d3
-webkit-box-shadow : 4px 4px 1px 1px #f2e4d3;
-moz-box-shadow : 4px 4px 1px 1px #f2e4d3;
box-shadow : 4px 4px 1px 1px #f2e4d3;
This element has a text-shadow color of #f2e4d3
-webkit-text-shadow : 1px 1px 2px #f2e4d3;
-moz-text-shadow : 1px 1px 2px #f2e4d3;
text-shadow : 1px 1px 2px #f2e4d3;
Gradient color of #f2e4d3
background-color: #f2e4d3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2e4d3', endColorstr='#e6ccac');
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2e4d3), to(#e6ccac));
background-image: -webkit-linear-gradient(top, #f2e4d3, #e6ccac);
background-image: -moz-linear-gradient(top, #f2e4d3, #e6ccac);
background-image: -o-linear-gradient(top, #f2e4d3, #e6ccac);
background-image: linear-gradient(to bottom, #f2e4d3, #e6ccac);