#f1ede7 Color Hex New House White

Information about New House White Color | #0000FF

#f1ede7 color RGB value is (241,237,231). #f1ede7 color name is New House White color.

#f1ede7 hex color red value is 241 , green value is 237 and the blue value of its RGB is 231 . Cylindrical-coordinate representations (also known as HSL) of color #f1ede7 hue: 36 , saturation: 26 and the lightness value of #f1ede7 is 93

The process color (four color CMYK) of #f1ede7 color hex is 0 , 1 ,2, 2 .

#f1ede7

~New House White

Color Converions

HEX
#f1ede7
RGB
241,237,231
LAB
94,1,3
CMYK
0,2,4,5
LCH
94,3,80
XYZ
81,85,88
HSV
36,4,95
HSL
36,26,93

Base Numbers

Base Red Green Blue
Binary 11110001 11101101 11100111
Octal 361 355 347
Decimal 241 237 231
Hex f1 ed e7

RGB Percentages of Color #f1ede7

95%
93%
91%

CMYK Percentages of Color #f1ede7

0%
2%
1%
2%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #f1ede7

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#f1ede7
20%
#d9d5d0
30%
#c1beb9
40%
#a9a6a2
50%
#918e8b
60%
#797774
70%
#605f5c
80%
#484745
90%
#302f2e
100%
#181817

Tints of #f1ede7

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#f1ede7
20%
#f2efe9
30%
#f4f1ec
40%
#f5f2ee
50%
#f7f4f1
60%
#f8f6f3
70%
#f9f8f5
80%
#fbfaf8
90%
#fcfbfa
100%
#fefdfd

Tones of #f1ede7

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#f1ede7
20%
#e6e2dd
30%
#dad7d2
40%
#cfccc8
50%
#c4c1be
60%
#b8b6b3
70%
#adaba9
80%
#a2a09f
90%
#969594
100%
#8b8a8a

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#f1ede7
#f1e9e7
#f1ebe7
#f1ede7
#f1efe7
#f1f1e7

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#f1ede7
#e7ebf1

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f1ede7
#e9f1e7
#e9e7f1

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#f1ede7
#e7f1ed
#ede7f1

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#f1ede7
#e7f1e8
#e7ebf1
#f1e7f0

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#f1ede7
#1c1c1b
#474644
#71706d
#9c9996
#c6c3be

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#f1ede7

protanopia

#f3ece6

deuteranopia

#ffe7ea

tritanopia

#f4e9fb

achromatopsia

#ededed

protanomaly

#f2ece6

deuteranomaly

#fae9e9

achromatopsia

#ededed

tritanomaly

#f3ebf4

achromatomaly

#efedeb

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 1/21
Hello World ! 1

Black background-color

Good 18/21
Hello World !

#f1ede7 Color CSS Codes

.bgcolor {background-color:#f1ede7; } 
.forecolor {color:#f1ede7; }
.bordercolor {border:3px solid #f1ede7; }
            

#f1ede7 Text Font Color

<div style="color:#f1ede7">
Div content here</div>

This sample text font color is #f1ede7
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#f1ede7 Background Color

<div style="background-color:#f1ede7">
Div content here</div>
Div content here

#f1ede7 Border Color

<div style="border:3px solid #f1ede7">
Div here</div>

This div border color is #f1ede7

#f1ede7 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #f1ede7; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #f1ede7; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #f1ede7;
  -webkit-box-shadow: 1px 1px 3px 2px #f1ede7;
  box-shadow: 1px 1px 3px 2px #f1ede7; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #f1ede7">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #f1ede7;
              -webkit-box-shadow: 1px 1px 3px 2px #f1ede7;
              box-shadow:         1px 1px 3px 2px #f1ede7#f1ede7">
Div content here</div>

This div box has shadow with color #f1ede7

More Colors

Brown Bag
#deac6e
Greyish Beige
#a8a495
H₂O
#bfe1e6
Gypsy Canvas
#b7a467
Pineapple Cream
#f2eac3
Defenestration
#c6d5e4
Highland Ridge
#8f714b
Key Largo
#7fb6a4
Freedom Found
#657682
Exotic Flower
#ffa24c
Fox Hill
#c8aa92
Macchiato
#928168
Favourite Lady
#e3c5d6
Milk Mustache
#faf3e6
Blue Shell
#9bb3bc
More Mint
#e6e8c5
Mother of Pearl Green
#8fd89f
Madame Mauve
#b5adb4
Cosmic Energy
#9392ab
Autumn Haze
#d4c2b1
Anchovy
#756f6b
International Orange
#ba160c
Aquella
#59b6d9
Cypress Bark Red
#6f3028
Orange Chocolate
#f3c775
Camel Red
#e5743b
Olivetone
#747028
Aztec Jade
#33bb88
Laurel Garland
#68705c
Desert Springs
#dcddcb
Icecap
#c3d6e0
Buckram Binding
#d9c3a6
Grape Fizz
#64435f
First Rain
#bdd8ec
Bleached Bark
#8b7f78
Luster Green
#bece61
Go Green!
#00ab66
Frozen Statues
#e1dee5
Homeopathic Rose
#e8dbdd
rating-img
Rate this tool
NaN/5   0 votes