Color picker

#ccb2bf

Conversion

HEX#ccb2bf
HEX8#ccb2bfff
RGBrgb(204, 178, 191)
CMYK[0,0.13,0.06,0.2]
Name#ccb2bf
HCL[344.73,11.97,75.1]
oklab[0.79,0.03,-0.01]
Num13415103
HSI[330,0.07,0.75]
lab[75.1,11.55,-3.15]
Lighten
#f5eff2
Darken
#a3758c
Saturate
#d9a5bf
Desaturate
#bfbfbf
Greyscale
#bfbfbf
Brighten
#ffe5f2

Color harmonies of #ccb2bf

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

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

Tetrad

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.
#ccb2bf
#ccccb2
#b2ccbf
#b2b2cc

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#ccb2bf
#f6d7e7
#221e20
#4c4348
#77686f
#a18d97

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#ccb2bf
#ccb2c9
#ccb2c4
#ccb2bf
#ccb2ba
#ccb2b5

Split Complements

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

Variations

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

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#fbfafa
#f8f4f6
#f4eff1
#f0e9ed
#ede4e8
#e9dee4
#e6d9df
#e2d3da
#deced6
#dbc8d1
#d7c3cd
#d3bdc8
#d0b8c4
#ccb2bf

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f0d0e
#1d191b
#2c2629
#3a3337
#494044
#574c52
#665960
#75666d
#83727b
#927f88
#a08c96
#af99a4
#bda5b1
#ccb2bf

Contrast Checker

Verify the contrast of a #ccb2bf colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

1.965 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
10.688 Very Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #ccb2bf

Some examples of color palettes with #ccb2bf. View more

Use #ccb2bf in CSS

#ccb2bf as Background Color in CSS
<div style="background-color:#ccb2bf">Background Color</div>
#ccb2bf as Text Color in CSS
<div style="color:#ccb2bf">Text Color</div>
#ccb2bf as Border Color in CSS
<div style="border-color:#ccb2bf">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet