FloralWhite / #FFFAF0 Color Information


In the RGB color space, #FFFAF0 is composed of 100% red, 98.0392% green, and 94.1176% blue.

In the CMYK color space, #FFFAF0 is composed of 0% cyan, 1.96% magenta, 5.88% yellow, and 0% black,

It has a hue angle of 40.0 degrees, a saturation of 100%, and a lightness of 97.06%.

The closest websafe color is #FFFFFF.

#FFFAF0 has a CSS color name: FloralWhite.

#FFFAF0 RGB Values

#FFFAF0 CMYK Values



FloralWhite / #FFFAF0 Color Conversion


The hexadecimal color #FFFAF0 has RGB values of R:255, G:250, B:240 and CMYK values of C:0, M:1.96, Y:5.88, K:0. It has a decimal value of 16775920.


Hexadecimal #FFFAF0 #FFFAF0
RGB Decimal 255, 250, 240 rgb(255, 250, 240)
RGB Percent 100, 98.0392, 94.1176 rgb(100%, 98.0392%, 94.1176%)
RGB Proportion 1.0, 0.9804, 0.9412 rgb(1.0, 0.9804, 0.9412)
CMYK 0, 1.96, 5.88, 0
HSL 40.0ยบ, 100, 97.06 hsl(40.0, 100%, 97.06%)
Websafe FFFFFF #FFFFFF
XYZ 91.155, 95.924, 96.154
Yxy 95.924, 0.322, 0.339
CIE-LAB 98.402, -0.032, 5.364
CIE-LCH 98.402, 5.364, 90.342
CIE-LUV 98.402, 3.414, 8.2
Hunter-Lab 97.941, -5.264, 10.35

Color Schemes For FloralWhite / #FFFAF0


Colors that go well with FloralWhite / #FFFAF0.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to FloralWhite / #FFFAF0


Colors similar to FloralWhite / #FFFAF0.


FloralWhite / #FFFAF0 Preview


Common HTML and CSS shortcodes for FloralWhite / #FFFAF0.

Text with color #FFFAF0


The quick brown fox jumps over the lazy dog.

<div style="color: #FFFAF0;">The quick brown fox jumps over the lazy dog.</div>

#FFFAF0 as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #FFFAF0;">The quick brown fox jumps over the lazy dog.</div>

Border with #FFFAF0


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #FFFAF0;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #FFFAF0


Linear gradient from #FFFAF0 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#FFFAF0, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #FFFAF0


Radial gradient from #FFFAF0 to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#FFFAF0, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #FFFAF0 and its Complementary Color


Linear gradient from #FFFAF0 to #00050F.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#FFFAF0, #00050F);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #FFFAF0 and its Complementary Color


Radial gradient from #FFFAF0 to #00050F.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#FFFAF0, #00050F);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #FFFAF0; } .background { background-color: #FFFAF0; } .border { border: 1px solid #FFFAF0; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of FloralWhite / #FFFAF0


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #040404 while the lightest tint is #FFFEFE.

Shades


Tints

Random Colors