#f2d6aa Color Hex Canyon Sand

Information about Canyon Sand Color | #0000FF

#f2d6aa color RGB value is (242,214,170). #f2d6aa color name is Canyon Sand color.

#f2d6aa hex color red value is 242 , green value is 214 and the blue value of its RGB is 170 . Cylindrical-coordinate representations (also known as HSL) of color #f2d6aa hue: 37 , saturation: 73 and the lightness value of #f2d6aa is 81

The process color (four color CMYK) of #f2d6aa color hex is 0 , 5 ,12, 2 .

#f2d6aa

~Canyon Sand

Color Converions

HEX
#f2d6aa
RGB
242,214,170
LAB
87,5,26
CMYK
0,12,30,5
LCH
87,26,78
XYZ
68,70,48
HSV
37,30,95
HSL
37,73,81

Base Numbers

Base Red Green Blue
Binary 11110010 11010110 10101010
Octal 362 326 252
Decimal 242 214 170
Hex f2 d6 aa

RGB Percentages of Color #f2d6aa

95%
84%
67%

CMYK Percentages of Color #f2d6aa

0%
12%
5%
2%

Color Variations

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

Shades of #f2d6aa

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

10%
#f2d6aa
20%
#dac199
30%
#c2ab88
40%
#a99677
50%
#918066
60%
#796b55
70%
#615644
80%
#494033
90%
#302b22
100%
#181511

Tints of #f2d6aa

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

10%
#f2d6aa
20%
#f3dab3
30%
#f5debb
40%
#f6e2c3
50%
#f7e6cc
60%
#f9ebd4
70%
#faefdd
80%
#fbf3e5
90%
#fcf7ee
100%
#fefbf6

Tones of #f2d6aa

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

10%
#f2d6aa
20%
#e7cda6
30%
#dbc5a2
40%
#d0bc9d
50%
#c4b399
60%
#b9ab95
70%
#ada291
80%
#a2998c
90%
#969188
100%
#8b8884

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.
#f2d6aa
#f2b9aa
#f2c8aa
#f2d6aa
#f2e4aa
#f1f2aa

Complementary

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

Split complementary

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

Triadic

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

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.
#f2d6aa
#aaf2b2
#aac6f2
#f2aaea

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#f2d6aa
#1d1a15
#484033
#726550
#9d8b6e
#c7b08c

Blindness simulator

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

Normal

#f2d6aa

protanopia

#e7d8aa

deuteranopia

#ffd0aa

tritanopia

#f9cddd

achromatopsia

#d9d9d9

protanomaly

#ebd7aa

deuteranomaly

#fad2aa

achromatopsia

#d9d9d9

tritanomaly

#f6d1cb

achromatomaly

#e2d8c8

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

#f2d6aa Color CSS Codes

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

#f2d6aa Text Font Color

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

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

#f2d6aa Background Color

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

#f2d6aa Border Color

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

This div border color is #f2d6aa

#f2d6aa Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #f2d6aa

More Colors

Gumdrop
#de96c1
Midnight Green
#004953
Heat of Summer
#e98d5b
Pizza Pie
#a06165
Pink Pearl
#e7accf
It's Your Mauve
#bc989e
Mossy Rock
#a9965d
Beef Patties
#bb5533
Bluewash
#e2e6e0
Clay Marble
#a68779
Pomace Red
#856f76
Hot Chocolate
#683b39
Antique
#8b846d
Distant Blue
#2c66a0
Brevity Brown
#715243
Kismet
#a18ab7
Pasha Brown
#c3b7a4
Chateau de Chillon
#a2aab3
Leery Lemon
#f5c71a
Honey Robber
#dfbb86
Morning Glory
#9ed1d3
Garden Vista
#9fb1ab
Lavender Water
#d2c9df
Baker's Chocolate
#5c3317
Homeopathic Orange
#f2e6e1
Pistachio Shortbread
#c7bb73
Caramelized Pears
#e7d5ad
Aquadulce
#7b9f82
Celestial
#006380
Brattle Spruce
#454743
Majestic Plum
#806173
Catalan
#429395
Cheesus
#ffcc77
Olive Conquering White
#e4e5d8
Carving Party
#f0c39f
Alphabet Blue
#abcdef
Cheese Powder
#ffe4be
Lincoln Green
#195905
Laser Lemon
#ffff66
Pine Grain
#ebc79e
rating-img
Rate this tool
NaN/5   0 votes