#d9ca9f Color Hex Ground Ginger

Information about Ground Ginger Color | #0000FF

#d9ca9f color RGB value is (217,202,159). #d9ca9f color name is Ground Ginger color.

#d9ca9f hex color red value is 217 , green value is 202 and the blue value of its RGB is 159 . Cylindrical-coordinate representations (also known as HSL) of color #d9ca9f hue: 44 , saturation: 43 and the lightness value of #d9ca9f is 74

The process color (four color CMYK) of #d9ca9f color hex is 0 , 3 ,10, 6 .

#d9ca9f

~Ground Ginger

Color Converions

HEX
#d9ca9f
RGB
217,202,159
LAB
82,1,24
CMYK
0,7,27,15
LCH
82,24,89
XYZ
56,59,41
HSV
44,27,85
HSL
44,43,74

Base Numbers

Base Red Green Blue
Binary 11011001 11001010 10011111
Octal 331 312 237
Decimal 217 202 159
Hex d9 ca 9f

RGB Percentages of Color #d9ca9f

85%
79%
62%

CMYK Percentages of Color #d9ca9f

0%
10%
3%
6%

Color Variations

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

Shades of #d9ca9f

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

10%
#d9ca9f
20%
#c3b68f
30%
#aea27f
40%
#988d6f
50%
#82795f
60%
#6d654f
70%
#575140
80%
#413d30
90%
#2b2820
100%
#161410

Tints of #d9ca9f

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

10%
#d9ca9f
20%
#ddcfa9
30%
#e1d5b2
40%
#e4dabc
50%
#e8dfc5
60%
#ece4cf
70%
#f0ead9
80%
#f4efe2
90%
#f7f4ec
100%
#fbfaf5

Tones of #d9ca9f

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

10%
#d9ca9f
20%
#d0c39c
30%
#c7bb99
40%
#beb496
50%
#b5ac92
60%
#aca58f
70%
#a39d8c
80%
#9a9689
90%
#918e86
100%
#888783

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.
#d9ca9f
#d9b39f
#d9be9f
#d9ca9f
#d9d69f
#d1d99f

Complementary

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

Split complementary

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

Triadic

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

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.
#d9ca9f
#9fd9ad
#9faed9
#d99fcb

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#d9ca9f
#040403
#2f2c22
#595342
#847b61
#aea280

Blindness simulator

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

Normal

#d9ca9f

protanopia

#d7c99e

deuteranopia

#edc1a0

tritanopia

#dfc2d1

achromatopsia

#cacaca

protanomaly

#d8c99e

deuteranomaly

#e5c49f

achromatopsia

#cacaca

tritanomaly

#ddc5bf

achromatomaly

#d0caba

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

#d9ca9f Color CSS Codes

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

#d9ca9f Text Font Color

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

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

#d9ca9f Background Color

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

#d9ca9f Border Color

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

This div border color is #d9ca9f

#d9ca9f Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #d9ca9f

More Colors

Painite
#6b4947
Bright Marigold
#ff8d00
Lily Pond Blue
#55707f
Amalfi Coast
#297cbf
Patrician Purple
#6c4e79
Crushed Berries
#d15b9b
Chowder Bowl
#e5d2b2
Muted Purple
#805b87
Cosmic Blue
#93c3cb
Deep Sea Blue
#2a4b5a
Maidenhair Fern
#44764a
Kazakhstan Yellow
#fec50c
Pismo Dunes
#f4d6a4
Light Pure Blue
#c2d2d8
Clear Viridian
#367588
Carnation
#fd798f
Nacre
#e8e2d4
Desert Powder
#fbefda
Dark Serpent
#113311
Gizmo
#d4a1b5
Burnished Brandy
#8b664e
Honey and Thyme
#aaaa00
Dry Peach
#de7e5d
Castle Wall
#c8c1ab
Mauve Mystique
#bb4477
Blue Earth
#375673
Mystic Turquoise
#00877b
Indian Green
#91955f
Pink Tease
#ff81c0
Lens Flare Green
#b0ff9d
Hansa Yellow
#e9d66c
Meadow Grass
#c1d6b1
Muddy Mauve
#e4b3cc
Gumbo
#718f8a
Pomegranate
#c35550
Magenta Twilight
#bb989f
Iced Mauve
#e8dce3
Frail Fuchsia
#ee88ee
Embellishment
#cbdee2
Leopard
#d09800
rating-img
Rate this tool
NaN/5   0 votes