#faf3dc Color Hex Eternal White

Information about Eternal White Color | #0000FF

#faf3dc color RGB value is (250,243,220). #faf3dc color name is Eternal White color.

#faf3dc hex color red value is 250 , green value is 243 and the blue value of its RGB is 220 . Cylindrical-coordinate representations (also known as HSL) of color #faf3dc hue: 46 , saturation: 75 and the lightness value of #faf3dc is 92

The process color (four color CMYK) of #faf3dc color hex is 0 , 1 ,5, 1 .

#faf3dc

~Eternal White

Color Converions

HEX

#faf3dc

RGB

250,243,220

LAB

96,0,12

CMYK

0,3,12,2

LCH

96,12,92

XYZ

84,90,81

HSV

46,12,98

HSL

46,75,92

LUV

Base Numbers

Base	Red	Green	Blue
Binary	11111010	11110011	11011100
Octal	372	363	334
Decimal	250	243	220
Hex	fa	f3	dc

RGB Percentages of Color #faf3dc

98%

95%

86%

CMYK Percentages of Color #faf3dc

Color Variations

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

Shades of #faf3dc

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

10%

#faf3dc

20%

#e1dbc6

30%

#c8c2b0

40%

#afaa9a

50%

#969284

60%

#7d796e

70%

#646158

80%

#4b4942

90%

#32312c

100%

#191816

Tints of #faf3dc

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

10%

#faf3dc

20%

#fbf4e0

30%

#fbf5e3

40%

#fbf7e6

50%

#fcf8ea

60%

#fcf9ed

70%

#fdfaf1

80%

#fdfbf4

90%

#fefdf8

100%

#fefefb

Tones of #faf3dc

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

10%

#faf3dc

20%

#eee7d3

30%

#e2dcca

40%

#d5d0c0

50%

#c9c5b7

60%

#bdb9ae

70%

#b0aea5

80%

#a4a29b

90%

#989792

100%

#8c8b89

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.

#faf3dc

#fae7dc

#faeddc

#faf3dc

#faf9dc

#f5fadc

Complementary

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

#faf3dc

#dce3fa

Split complementary

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

#faf3dc

#ddfadc

#e7dcfa

Triadic

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

#faf3dc

#dcfaf3

#f3dcfa

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.

#faf3dc

#dcfae4

#dce3fa

#fadcf2

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.

#faf3dc

#252421

#504e46

#7a776c

#a5a091

#cfcab7

Blindness simulator

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

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 19/21

Hello World !

#faf3dc Color CSS Codes

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

#faf3dc Text Font Color

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

This sample text font color is #faf3dc
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.

#faf3dc Background Color

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

Div content here

#faf3dc Border Color

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

This div border color is #faf3dc

#faf3dc Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.

Div Box Shadow

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

This div box has shadow with color #faf3dc