#d8baa6 Color Hex Maiko

Information about Maiko Color | #0000FF

#d8baa6 color RGB value is (216,186,166). #d8baa6 color name is Maiko color.

#d8baa6 hex color red value is 216 , green value is 186 and the blue value of its RGB is 166 . Cylindrical-coordinate representations (also known as HSL) of color #d8baa6 hue: 24 , saturation: 39 and the lightness value of #d8baa6 is 75

The process color (four color CMYK) of #d8baa6 color hex is 0 , 5 ,9, 6 .

#d8baa6

~Maiko

Color Converions

HEX
#d8baa6
RGB
216,186,166
LAB
78,9,14
CMYK
0,14,23,15
LCH
78,17,58
XYZ
53,52,43
HSV
24,23,85
HSL
24,39,75

Base Numbers

Base Red Green Blue
Binary 11011000 10111010 10100110
Octal 330 272 246
Decimal 216 186 166
Hex d8 ba a6

RGB Percentages of Color #d8baa6

85%
73%
65%

CMYK Percentages of Color #d8baa6

0%
9%
5%
6%

Color Variations

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

Shades of #d8baa6

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

10%
#d8baa6
20%
#c2a795
30%
#ad9585
40%
#978274
50%
#827064
60%
#6c5d53
70%
#564a42
80%
#413832
90%
#2b2521
100%
#161311

Tints of #d8baa6

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

10%
#d8baa6
20%
#dcc1af
30%
#e0c8b8
40%
#e4cfc1
50%
#e8d6ca
60%
#ebddd3
70%
#efe3db
80%
#f3eae4
90%
#f7f1ed
100%
#fbf8f6

Tones of #d8baa6

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

10%
#d8baa6
20%
#cfb4a2
30%
#c6ae9e
40%
#bda89a
50%
#b5a397
60%
#ac9d93
70%
#a3978f
80%
#9a918b
90%
#918b87
100%
#888583

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.
#d8baa6
#d8a6a6
#d8b0a6
#d8baa6
#d8c4a6
#d8cea6

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#d8baa6
#bad8a6
#a6a6d8

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#d8baa6
#a6d8ba
#baa6d8

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.
#d8baa6
#abd8a6
#a6c4d8
#d3a6d8

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#d8baa6
#030303
#2e2823
#584c44
#837165
#ad9585

Blindness simulator

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

Normal

#d8baa6

protanopia

#c7bea7

deuteranopia

#dbb7a5

tritanopia

#dbb4c2

achromatopsia

#bfbfbf

protanomaly

#cdbca7

deuteranomaly

#dab8a5

achromatopsia

#bfbfbf

tritanomaly

#dab6b8

achromatomaly

#c8bdb6

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

#d8baa6 Color CSS Codes

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

#d8baa6 Text Font Color

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

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

#d8baa6 Background Color

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

#d8baa6 Border Color

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

This div border color is #d8baa6

#d8baa6 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #d8baa6

More Colors

Burnt Terra
#82634e
Dark Seashore Night
#113691
Hisoku Blue
#abced8
Leticiaz
#95be76
Mint Gloss
#c8f3cd
Dark Lavender
#856798
Hot Aquarelle Pink
#ffb3de
French Truffle
#896d61
Baby Berries
#9c4a62
Cherry Paddle Pop
#fe314b
Catalina Blue
#062a78
Big Fish
#99a38e
English Violet
#563d5d
Nebulas Blue
#2d62a3
Magnetic
#b2b5af
Blueberry Dream
#586e84
Lazy Day
#95aed1
Golden Elm
#bdd5b1
Angel's Whisper
#dbdfd4
Moth Grey
#dad3cb
Pearl Sugar
#f4f1eb
Cranapple Cream
#e6c4c5
Insignia White
#ecf3f9
En Plein Air
#d0c5be
Chupacabra Grey
#cfcdcf
Island Oasis
#88d9d8
Polished Concrete
#9e9793
Duck Green
#53665c
Ginger Whisper
#cc8877
Isle Royale
#80d7cf
Angel Aura
#afa8ae
Dingley
#607c47
Illuminating Experience
#dee4e0
Lucky Clover
#008400
Chéng Hóng Sè Orange
#f94009
Blue Dacnis
#44ddee
Artifact
#ca9d8d
Catawba Grape
#5d3c43
rating-img
Rate this tool
NaN/5   0 votes