#bdb298 Color Hex Clay Pebble

Information about Clay Pebble Color | #0000FF

#bdb298 color RGB value is (189,178,152). #bdb298 color name is Clay Pebble color.

#bdb298 hex color red value is 189 , green value is 178 and the blue value of its RGB is 152 . Cylindrical-coordinate representations (also known as HSL) of color #bdb298 hue: 42 , saturation: 22 and the lightness value of #bdb298 is 67

The process color (four color CMYK) of #bdb298 color hex is 0 , 2 ,8, 10 .

#bdb298

~Clay Pebble

Color Converions

HEX
#bdb298
RGB
189,178,152
LAB
73,1,15
CMYK
0,6,20,26
LCH
73,15,87
XYZ
43,45,36
HSV
42,20,74
HSL
42,22,67

Base Numbers

Base Red Green Blue
Binary 10111101 10110010 10011000
Octal 275 262 230
Decimal 189 178 152
Hex bd b2 98

RGB Percentages of Color #bdb298

74%
70%
60%

CMYK Percentages of Color #bdb298

0%
8%
2%
10%

Color Variations

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

Shades of #bdb298

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

10%
#bdb298
20%
#aaa089
30%
#978e7a
40%
#847d6a
50%
#716b5b
60%
#5f594c
70%
#4c473d
80%
#39352e
90%
#26241e
100%
#13120f

Tints of #bdb298

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

10%
#bdb298
20%
#c4baa2
30%
#cac1ad
40%
#d1c9b7
50%
#d7d1c1
60%
#ded8cc
70%
#e5e0d6
80%
#ebe8e0
90%
#f2f0ea
100%
#f8f7f5

Tones of #bdb298

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

10%
#bdb298
20%
#b7ad96
30%
#b1a893
40%
#aba391
50%
#a49e8e
60%
#9e998c
70%
#989489
80%
#928f87
90%
#8c8a84
100%
#868582

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.
#bdb298
#bda398
#bdab98
#bdb298
#bdb998
#b9bd98

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bdb298
#9cbd98
#a398bd

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#bdb298
#98bdb2
#b298bd

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.
#bdb298
#98bd9f
#98a3bd
#bd98b5

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#bdb298
#e7daba
#13120f
#3d3a31
#686254
#928a76

Blindness simulator

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

Normal

#bdb298

protanopia

#bbb197

deuteranopia

#ccab98

tritanopia

#c1acb9

achromatopsia

#b2b2b2

protanomaly

#bcb197

deuteranomaly

#c7ad98

achromatopsia

#b2b2b2

tritanomaly

#bfaead

achromatomaly

#b6b2a9

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

#bdb298 Color CSS Codes

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

#bdb298 Text Font Color

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

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

#bdb298 Background Color

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

#bdb298 Border Color

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

This div border color is #bdb298

#bdb298 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #bdb298

More Colors

Crown of Thorns
#763c33
Grand Grape
#645764
Beachside Villa
#c3b296
Don Juan
#5a4f51
Pelican Feather
#e8c3c2
Atlantic Gull
#4b8eb0
Blossom Pink
#e6d5ce
Blue Click
#a7d8e8
Dorn Yellow
#fff200
Latteo
#e8e7e6
High Grass
#bbdd00
Coralite
#dd675a
Blinking Blue
#0033ff
Citrus Honey
#f6b96b
African Plain
#86714a
Absinthe Green
#76b583
Pig Pink
#fdd7e4
Gentle Touch
#e3d5b8
Moose Fur
#725440
Amaranth Purple
#6a397b
Ballet Cream
#fc8258
Endless Slumber
#b1aab3
Drive-In Cherry
#a62e30
French Pass
#a4d2e0
Metalise
#34373c
Pink Bliss
#e3abce
Green Globe
#79aa87
Faded Light
#f5e4de
Baja Blue
#66a6d9
Blue Iguana
#539ccc
Ghosting
#cac6ba
Hot Flamingo
#b35966
Peppergrass
#767461
Joie De Vivre
#bc86af
Onion White
#e2d5c2
Pecan Sandie
#f4decb
Apricot Flower
#ffbb80
Autumn Air
#d2a888
Grandma's Cameo
#f7e7dd
English Green
#1b4d3f
rating-img
Rate this tool
NaN/5   0 votes