#ddc5af Color Hex Brazilian Tan

Information about Brazilian Tan Color | #0000FF

#ddc5af color RGB value is (221,197,175). #ddc5af color name is Brazilian Tan color.

#ddc5af hex color red value is 221 , green value is 197 and the blue value of its RGB is 175 . Cylindrical-coordinate representations (also known as HSL) of color #ddc5af hue: 29 , saturation: 40 and the lightness value of #ddc5af is 78

The process color (four color CMYK) of #ddc5af color hex is 0 , 4 ,8, 5 .

#ddc5af

~Brazilian Tan

Color Converions

HEX
#ddc5af
RGB
221,197,175
LAB
81,6,14
CMYK
0,11,21,13
LCH
81,16,67
XYZ
58,58,49
HSV
29,21,87
HSL
29,40,78

Base Numbers

Base Red Green Blue
Binary 11011101 11000101 10101111
Octal 335 305 257
Decimal 221 197 175
Hex dd c5 af

RGB Percentages of Color #ddc5af

87%
77%
69%

CMYK Percentages of Color #ddc5af

0%
8%
4%
5%

Color Variations

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

Shades of #ddc5af

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

10%
#ddc5af
20%
#c7b19e
30%
#b19e8c
40%
#9b8a7b
50%
#857669
60%
#6f6258
70%
#584f46
80%
#423b35
90%
#2c2723
100%
#161412

Tints of #ddc5af

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

10%
#ddc5af
20%
#e0cbb7
30%
#e4d1bf
40%
#e7d6c7
50%
#ebdccf
60%
#eee2d7
70%
#f1e8df
80%
#f5eee7
90%
#f8f3ef
100%
#fcf9f7

Tones of #ddc5af

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

10%
#ddc5af
20%
#d4beaa
30%
#cab7a5
40%
#c1b0a1
50%
#b8a99c
60%
#aea297
70%
#a59b92
80%
#9c948e
90%
#928d89
100%
#898684

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.
#ddc5af
#ddb3af
#ddbcaf
#ddc5af
#ddceaf
#ddd7af

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ddc5af
#beddaf
#b3afdd

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ddc5af
#afddc5
#c5afdd

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.
#ddc5af
#b0ddaf
#afc7dd
#dcafdd

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#ddc5af
#080807
#332d28
#5d534a
#88796c
#b39f8d

Blindness simulator

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

Normal

#ddc5af

protanopia

#d1c7af

deuteranopia

#e5c0af

tritanopia

#e1bfce

achromatopsia

#c9c9c9

protanomaly

#d6c6af

deuteranomaly

#e2c2af

achromatopsia

#c9c9c9

tritanomaly

#dfc1c2

achromatomaly

#d0c7bf

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 !

#ddc5af Color CSS Codes

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

#ddc5af Text Font Color

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

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

#ddc5af Background Color

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

#ddc5af Border Color

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

This div border color is #ddc5af

#ddc5af Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #ddc5af

More Colors

Misted Yellow
#dab965
Liseran Purple
#de6fa1
Jungle Civilization
#69673a
Hyper Green
#55ff00
Diversion
#a99a89
Offbeat Green
#9c8b1f
Hemp Fabric
#b5ad88
Bone Dust
#e7ece6
Bashful Blue
#6994cf
Minified Moss
#e3e8db
Cardinal Mauve
#2c284c
Pink Touch
#fae2d6
Country Summer
#fffbd7
Blue Green
#137e6d
Granular Limestone
#e3e0da
Cartwheel
#665537
Chocolate Fondant
#56352d
Ballet Skirt
#ffc5b3
Cranberry Blue
#7494b1
Flax Flower
#5577aa
Medium Purple
#9e43a2
Bucolic
#1b6634
Banana Clan
#eedd00
Green Grey
#7ea07a
Bright Blue Violet
#8a2be2
Bubbles in the Air
#d3e3e5
Crocodile Tears
#d6d69b
Brown Branch
#b08f6a
Fancy Fuchsia
#ff0088
Coastal Storm
#7d807b
Crystal Clear
#f4e9ea
Alpine Summer
#a5a99a
Cherry Blossom Pink
#ffb7c5
Olympus White
#d4d8d7
Italian Straw
#e7d1a1
Just Perfect
#eaecd3
Invigorating
#f1eab4
rating-img
Rate this tool
NaN/5   0 votes