#d15b9b Color Hex Crushed Berries

Information about Crushed Berries Color | #0000FF

#d15b9b color RGB value is (209,91,155). #d15b9b color name is Crushed Berries color.

#d15b9b hex color red value is 209 , green value is 91 and the blue value of its RGB is 155 . Cylindrical-coordinate representations (also known as HSL) of color #d15b9b hue: 327 , saturation: 56 and the lightness value of #d15b9b is 59

The process color (four color CMYK) of #d15b9b color hex is 0 , 22 ,10, 7 .

#d15b9b

~Crushed Berries

Color Converions

HEX

#d15b9b

RGB

209,91,155

LAB

56,52,-11

CMYK

0,56,26,18

LCH

56,54,-12

XYZ

36,23,34

HSV

327,56,82

HSL

327,56,59

LUV

Base Numbers

Base	Red	Green	Blue
Binary	11010001	1011011	10011011
Octal	321	133	233
Decimal	209	91	155
Hex	d1	5b	9b

RGB Percentages of Color #d15b9b

82%

36%

61%

CMYK Percentages of Color #d15b9b

10%

22%

Color Variations

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

Shades of #d15b9b

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

10%

#d15b9b

20%

#bc528b

30%

#a7497c

40%

#92406c

50%

#7d375d

60%

#692d4d

70%

#54243e

80%

#3f1b2e

90%

#2a121f

100%

#15090f

Tints of #d15b9b

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

10%

#d15b9b

20%

#d66ba5

30%

#da7caf

40%

#df8cb9

50%

#e39dc3

60%

#e8adcd

70%

#edbdd7

80%

#f1cee1

90%

#f6deeb

100%

#faeff5

Tones of #d15b9b

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

10%

#d15b9b

20%

#c95f98

30%

#c16296

40%

#b96693

50%

#b06a90

60%

#a86d8d

70%

#a0718b

80%

#987588

90%

#907885

100%

#887c82

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.

#d15b9b

#d15bca

#d15bb3

#d15b9b

#d15b83

#d15b6c

Complementary

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

#d15b9b

#5bd191

Split complementary

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

#d15b9b

#d1a95b

#5bcad1

Triadic

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

#d15b9b

#9bd15b

#5b9bd1

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.

#d15b9b

#d1cc5b

#5bd191

#5b60d1

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.

#d15b9b

#fb6ebb

#27111d

#51233c

#7c365c

#a6497b

Blindness simulator

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

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 4/21

Hello World ! 4

Black background-color

Good 6/21

Hello World !

#d15b9b Color CSS Codes

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

#d15b9b Text Font Color

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

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

#d15b9b Background Color

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

Div content here

#d15b9b Border Color

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

This div border color is #d15b9b

#d15b9b Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.

Div Box Shadow

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

This div box has shadow with color #d15b9b