#bda58b Color Hex Oakwood

Information about Oakwood Color | #0000FF

#bda58b color RGB value is (189,165,139). #bda58b color name is Oakwood color.

#bda58b hex color red value is 189 , green value is 165 and the blue value of its RGB is 139 . Cylindrical-coordinate representations (also known as HSL) of color #bda58b hue: 31 , saturation: 27 and the lightness value of #bda58b is 64

The process color (four color CMYK) of #bda58b color hex is 0 , 5 ,10, 10 .

#bda58b

~Oakwood

Color Converions

HEX
#bda58b
RGB
189,165,139
LAB
69,6,17
CMYK
0,13,26,26
LCH
69,18,70
XYZ
39,40,30
HSV
31,26,74
HSL
31,27,64

Base Numbers

Base Red Green Blue
Binary 10111101 10100101 10001011
Octal 275 245 213
Decimal 189 165 139
Hex bd a5 8b

RGB Percentages of Color #bda58b

74%
65%
55%

CMYK Percentages of Color #bda58b

0%
10%
5%
10%

Color Variations

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

Shades of #bda58b

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

10%
#bda58b
20%
#aa957d
30%
#97846f
40%
#847461
50%
#716353
60%
#5f5346
70%
#4c4238
80%
#39322a
90%
#26211c
100%
#13110e

Tints of #bda58b

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

10%
#bda58b
20%
#c4ae97
30%
#cab7a2
40%
#d1c0ae
50%
#d7c9b9
60%
#ded2c5
70%
#e5dbd1
80%
#ebe4dc
90%
#f2ede8
100%
#f8f6f3

Tones of #bda58b

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

10%
#bda58b
20%
#b7a18a
30%
#b19e89
40%
#ab9a88
50%
#a49686
60%
#9e9285
70%
#988f84
80%
#928b83
90%
#8c8782
100%
#868381

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.
#bda58b
#bd918b
#bd9b8b
#bda58b
#bdaf8b
#bdb98b

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bda58b
#99bd8b
#918bbd

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#bda58b
#8bbda5
#a58bbd

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.
#bda58b
#8bbd8c
#8ba3bd
#bd8bbc

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#bda58b
#e7caaa
#13110e
#3d362d
#685b4c
#92806c

Blindness simulator

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

Normal

#bda58b

protanopia

#b1a78b

deuteranopia

#c3a18b

tritanopia

#c09fab

achromatopsia

#a8a8a8

protanomaly

#b5a68b

deuteranomaly

#c1a28b

achromatopsia

#a8a8a8

tritanomaly

#bfa19f

achromatomaly

#b0a79e

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

#bda58b Color CSS Codes

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

#bda58b Text Font Color

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

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

#bda58b Background Color

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

#bda58b Border Color

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

This div border color is #bda58b

#bda58b Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #bda58b

More Colors

Delightful
#d2b6be
Jaded
#0092a1
Blue Hydrangea
#bbc3dd
Dusting Powder
#e7ece8
Japanese Sable
#313739
Dublin
#73be6e
Pollen Grains
#f0c588
Emerald Stone
#016360
Creamy Avocado
#d8f19c
Impetuous
#e4d68c
Dark Salmon
#c85a53
Ethereal White
#e6f1f1
Bottom of my Heart
#cc0077
Hickory Branch
#ab8274
Piggy Bank
#ffccbb
Flax Fiber
#e0d68e
Decadence
#73667b
Frosty Dawn
#cbe9c9
Flax Straw
#cbaa7d
Metropolitan White
#eeece7
Green Adirondack
#688878
Flounce
#4a8791
French Lavender
#dfc9d1
Oyster White
#d2caaf
Cheese Puff
#ffb96f
Green Haze
#01a368
King Tide
#2a7279
Blue Pink
#b5a3c5
Gnome Green
#c4bc84
Pebbles
#ded8dc
Capital Blue
#1a4157
Burnished Bronze
#9c7e40
Carol's Purr
#77a135
Cuddle
#bccae8
Chocolate Castle
#452207
Celestial Pink
#9c004a
Afloat
#78a3c2
Pastel Jade
#d2f0e0
Greybeard
#d4d0c5
rating-img
Rate this tool
NaN/5   0 votes