#d687ba Color Hex Cyclamen

Information about Cyclamen Color | #0000FF

#d687ba color RGB value is (214,135,186). #d687ba color name is Cyclamen color.

#d687ba hex color red value is 214 , green value is 135 and the blue value of its RGB is 186 . Cylindrical-coordinate representations (also known as HSL) of color #d687ba hue: 321 , saturation: 49 and the lightness value of #d687ba is 68

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

#d687ba

~Cyclamen

Color Converions

HEX
#d687ba
RGB
214,135,186
LAB
66,36,-14
CMYK
0,37,13,16
LCH
66,39,-20
XYZ
45,35,51
HSV
321,37,84
HSL
321,49,68

Base Numbers

Base Red Green Blue
Binary 11010110 10000111 10111010
Octal 326 207 272
Decimal 214 135 186
Hex d6 87 ba

RGB Percentages of Color #d687ba

84%
53%
73%

CMYK Percentages of Color #d687ba

0%
5%
14%
6%

Color Variations

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

Shades of #d687ba

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

10%
#d687ba
20%
#c17aa7
30%
#ab6c95
40%
#965f82
50%
#805170
60%
#6b445d
70%
#56364a
80%
#402938
90%
#2b1b25
100%
#150e13

Tints of #d687ba

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

10%
#d687ba
20%
#da93c1
30%
#de9fc8
40%
#e2abcf
50%
#e6b7d6
60%
#ebc3dd
70%
#efcfe3
80%
#f3dbea
90%
#f7e7f1
100%
#fbf3f8

Tones of #d687ba

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

10%
#d687ba
20%
#cd86b4
30%
#c586ae
40%
#bc85a8
50%
#b384a3
60%
#ab839d
70%
#a28397
80%
#998291
90%
#91818b
100%
#888085

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.
#d687ba
#d287d6
#d687ca
#d687ba
#d687aa
#d6879a

Complementary

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

Split complementary

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

Triadic

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

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.
#d687ba
#d6ca87
#87d6a3
#8793d6

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#d687ba
#010101
#2c1c26
#56374b
#815170
#ab6c95

Blindness simulator

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

Normal

#d687ba

protanopia

#949dc7

deuteranopia

#a59ab2

tritanopia

#d08c97

achromatopsia

#9b9b9b

protanomaly

#ac95c2

deuteranomaly

#b793b5

achromatopsia

#9b9b9b

tritanomaly

#d28aa4

achromatomaly

#b194a7

Contrast Checker

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

White background

Poor 3/21
Hello World ! 3

Black background-color

Good 8/21
Hello World !

#d687ba Color CSS Codes

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

#d687ba Text Font Color

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

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

#d687ba Background Color

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

#d687ba Border Color

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

This div border color is #d687ba

#d687ba Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #d687ba

More Colors

Frosted Blueberries
#0055dd
Appetite
#b1e5aa
Master Round Yellow
#e78303
Fresh Water
#c6e3f7
Natural Almond
#ded2bb
Delicate Rose
#f7e0d6
Blue Opal
#0f3b57
Breaktime
#c4d9ce
Pale Bamboo
#c9bfa8
Ashlin Grey
#d2d9da
Lush Mauve
#a091b7
Nordic Breeze
#d3dde7
Gold Estate
#977a41
Manuscript Ink
#827e71
Pac-Man
#ffe737
Narwhal Grey
#080813
Mountain Shade
#b1ab9a
Calla
#f2dfb5
Extravagance
#4e4850
Clippership Twill
#a6937d
Blende Blue
#a9c4c4
Ivory Tower
#fbf3f1
Naughty Marietta
#e3ccdc
Martian Haze
#adeace
Crystal River
#b1e2ee
Crushed Berries
#d15b9b
Mauvey Nude
#bb8899
Incubus
#772222
Grapes of Italy
#714a8b
Chocolate Sprinkle
#6f4e43
Creole Sauce
#ee8833
Frozen Periwinkle
#c9d1ef
Crystal Blue
#68a0b0
Japanese Rose Garden
#e4b6c4
Cantera
#cec5af
Golden Thistle Yellow
#caa375
Insomnia
#06012c
Jazz Tune
#9892a8
Cement Feet
#7b737b
Denim Light
#b8cad5
rating-img
Rate this tool
NaN/5   0 votes