#f9ccb7 Color Hex Biscuit Cream

Information about Biscuit Cream Color | #0000FF

#f9ccb7 color RGB value is (249,204,183). #f9ccb7 color name is Biscuit Cream color.

#f9ccb7 hex color red value is 249 , green value is 204 and the blue value of its RGB is 183 . Cylindrical-coordinate representations (also known as HSL) of color #f9ccb7 hue: 19 , saturation: 85 and the lightness value of #f9ccb7 is 85

The process color (four color CMYK) of #f9ccb7 color hex is 0 , 7 ,10, 1 .

#f9ccb7

~Biscuit Cream

Color Converions

HEX
#f9ccb7
RGB
249,204,183
LAB
86,14,17
CMYK
0,18,27,2
LCH
86,22,50
XYZ
69,67,54
HSV
19,27,98
HSL
19,85,85

Base Numbers

Base Red Green Blue
Binary 11111001 11001100 10110111
Octal 371 314 267
Decimal 249 204 183
Hex f9 cc b7

RGB Percentages of Color #f9ccb7

98%
80%
72%

CMYK Percentages of Color #f9ccb7

0%
10%
7%
1%

Color Variations

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

Shades of #f9ccb7

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

10%
#f9ccb7
20%
#e0b8a5
30%
#c7a392
40%
#ae8f80
50%
#957a6e
60%
#7c665b
70%
#645249
80%
#4b3d37
90%
#322925
100%
#191412

Tints of #f9ccb7

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

10%
#f9ccb7
20%
#fad1be
30%
#fad6c5
40%
#fbdbcd
50%
#fbe0d4
60%
#fce6db
70%
#fdebe2
80%
#fdf0e9
90%
#fef5f1
100%
#fefaf8

Tones of #f9ccb7

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

10%
#f9ccb7
20%
#edc4b1
30%
#e1bdac
40%
#d5b5a6
50%
#c8ada1
60%
#bca69b
70%
#b09e96
80%
#a49690
90%
#988f8b
100%
#8c8785

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.
#f9ccb7
#f9b7bc
#f9bfb7
#f9ccb7
#f9d9b7
#f9e6b7

Complementary

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

Split complementary

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

Triadic

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

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.
#f9ccb7
#c3f9b7
#b7e4f9
#edb7f9

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#f9ccb7
#241e1b
#4f413a
#796459
#a48679
#cea998

Blindness simulator

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

Normal

#f9ccb7

protanopia

#dfd4ba

deuteranopia

#f5ccb5

tritanopia

#fdc6d5

achromatopsia

#d4d4d4

protanomaly

#e8d1b9

deuteranomaly

#f7ccb6

achromatopsia

#d4d4d4

tritanomaly

#fcc8ca

achromatomaly

#e1d1c9

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 14/21
Hello World !

#f9ccb7 Color CSS Codes

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

#f9ccb7 Text Font Color

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

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

#f9ccb7 Background Color

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

#f9ccb7 Border Color

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

This div border color is #f9ccb7

#f9ccb7 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #f9ccb7

More Colors

Mission Tile
#874c3e
Olive Grey
#afa78d
Bridgeport
#004683
Match Strike
#ffaa44
Matt Demon
#dd4433
Lilac Lust
#c3b9d8
Limonite
#be7f51
Lucky Penny
#bc6f37
French Diamond
#597191
Liquorice Black
#352d32
Opera Glass
#e5f1eb
Distilled Venom
#c7fdb5
Norse Blue
#4ca5c7
Catkin Yellow
#cca800
Green Weed
#548f6f
Mango
#ffa62b
King Lime
#add900
A La Mode
#f6ecde
Clerestory
#f4e6e0
First Love
#cf758a
Delicate Truffle
#aa9c8b
Chocolate Cupcake
#605647
Bonfire Flame
#ce4e35
Palest of Lemon
#f4eed1
Charcoal Smudge
#60605e
Lunatic Sky Dancer
#76fda8
Hermosa Pink
#8a474c
Pink Polar
#ccbabe
Minimalist
#cabead
Foxy Lady
#d5a6ad
Canaletto
#818c72
Chieftain
#6a5637
Fennel Bulb
#ddeebb
Gǎn Lǎn Lǜ Green
#658b38
Cocoa Butter
#f5f4c1
Flickery CRT Green
#90f215
Green Woodpecker Olive
#7d7853
April Fool's Red
#1fb57a
Night Kite
#005572
Peach Caramel
#c5733d
rating-img
Rate this tool
NaN/5   0 votes