#f0cb97 Color Hex Ambitious Amber

Information about Ambitious Amber Color | #0000FF

#f0cb97 color RGB value is (240,203,151). #f0cb97 color name is Ambitious Amber color.

#f0cb97 hex color red value is 240 , green value is 203 and the blue value of its RGB is 151 . Cylindrical-coordinate representations (also known as HSL) of color #f0cb97 hue: 35 , saturation: 75 and the lightness value of #f0cb97 is 77

The process color (four color CMYK) of #f0cb97 color hex is 0 , 6 ,15, 2 .

#f0cb97

~Ambitious Amber

Color Converions

HEX
#f0cb97
RGB
240,203,151
LAB
84,8,31
CMYK
0,15,37,6
LCH
84,32,75
XYZ
63,63,38
HSV
35,37,94
HSL
35,75,77

Base Numbers

Base Red Green Blue
Binary 11110000 11001011 10010111
Octal 360 313 227
Decimal 240 203 151
Hex f0 cb 97

RGB Percentages of Color #f0cb97

94%
80%
59%

CMYK Percentages of Color #f0cb97

0%
15%
6%
2%

Color Variations

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

Shades of #f0cb97

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

10%
#f0cb97
20%
#d8b788
30%
#c0a279
40%
#a88e6a
50%
#907a5b
60%
#78664c
70%
#60513c
80%
#483d2d
90%
#30291e
100%
#18140f

Tints of #f0cb97

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

10%
#f0cb97
20%
#f2d0a1
30%
#f3d5ac
40%
#f4dbb6
50%
#f6e0c1
60%
#f7e5cb
70%
#f9ead5
80%
#faefe0
90%
#fcf5ea
100%
#fdfaf5

Tones of #f0cb97

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

10%
#f0cb97
20%
#e5c395
30%
#dabc92
40%
#ceb490
50%
#c3ad8e
60%
#b8a58b
70%
#ad9e89
80%
#a19687
90%
#968f84
100%
#8b8782

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.
#f0cb97
#f0a797
#f0b997
#f0cb97
#f0dd97
#f0ef97

Complementary

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

Split complementary

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

Triadic

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

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.
#f0cb97
#97f09e
#97bcf0
#f097e8

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#f0cb97
#1b1711
#463b2c
#705f47
#9b8362
#c5a77c

Blindness simulator

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

Normal

#f0cb97

protanopia

#dfcf98

deuteranopia

#f8c797

tritanopia

#f7c2d1

achromatopsia

#cfcfcf

protanomaly

#e5ce97

deuteranomaly

#f5c897

achromatopsia

#cfcfcf

tritanomaly

#f4c5bc

achromatomaly

#dbcebb

Contrast Checker

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

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 14/21
Hello World !

#f0cb97 Color CSS Codes

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

#f0cb97 Text Font Color

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

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

#f0cb97 Background Color

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

#f0cb97 Border Color

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

This div border color is #f0cb97

#f0cb97 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #f0cb97

More Colors

Ellis Mist
#778070
Nude Lips
#b5948d
Deathclaw Brown
#b36853
Bengal Blue
#38738b
Martinique
#3c3748
Majestic Jungle
#607535
Faded Lilac
#92a2bb
Gladiator Leather
#a95c3e
Nanohanacha Gold
#e3b130
Buzzards Bay
#017a79
Daisy Bush
#5b3e90
Pearl Oyster
#ddd6cb
Hair Brown
#8b7859
Hapsburg Court
#e2d4d6
Baby Talk Grey
#bababa
Mitchell Blue
#0d789f
Fountain City
#9cd4cf
Parrot Pink
#d998a0
Heavy Metal Armor
#888a8e
Copper-Metal Red
#ad6342
Lemon Surprise
#e1bc5c
Blue Accolade
#25415d
Crash Pink
#cc88ff
Misty Lavender
#dbd9e1
Desert Bud
#c28996
Blissful Orange
#ffac39
Amber Romance
#b18140
Japanese Wineberry
#522c35
Exotic Blossom
#fd9d43
Aqua Haze
#d9ddd5
Polaris Blue
#6f8a8c
Neon Pink
#fe019a
Carmen Miranda
#903e2f
Homeopathic Blue
#dbe7e3
Bright Clove
#efcf9b
Anakiwa
#8cceea
Light Apricot
#f2dad6
Foul Green
#85c7a1
It's My Party
#cc7365
rating-img
Rate this tool
NaN/5   0 votes