Color picker

#cfbb99

Conversion

HEX#cfbb99
HEX8#cfbb99ff
RGBrgb(207, 187, 153)
CMYK[0,0.1,0.26,0.19]
Name#cfbb99
HCL[84.68,19.92,76.74]
oklab[0.8,0.01,0.05]
Num13613977
HSI[38.51,0.16,0.72]
lab[76.74,1.85,19.84]
Lighten
#f0e9de
Darken
#ae8d54
Saturate
#debf8a
Desaturate
#c0b7a8
Greyscale
#b4b4b4
Brighten
#ffeecc

Color harmonies of #cfbb99

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.
#cfbb99
#99cfbb
#bb99cf

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.
#cfbb99
#99cfa0
#99adcf
#cf99c8

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.
#cfbb99
#f9e1b8
#25211b
#4f483b
#7a6e5a
#a4957a

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.
#cfbb99
#cfa599
#cfb099
#cfbb99
#cfc699
#cdcf99

Split Complements

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

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
#fcfaf8
#f8f5f0
#f5f0e9
#f1ece2
#eee7db
#eae2d3
#e7ddcc
#e4d8c5
#e0d3bd
#ddceb6
#d9caaf
#d6c5a8
#d2c0a0
#cfbb99

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0f0d0b
#1e1b16
#2c2821
#3b352c
#4a4337
#595042
#685e4d
#766b57
#857862
#94866d
#a39378
#b1a083
#c0ae8e
#cfbb99

Contrast Checker

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

1.871 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!
11.221 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 #cfbb99

Some examples of color palettes with #cfbb99. View more

Use #cfbb99 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet