Color picker

#fab4bc

Conversion

HEX#fab4bc
HEX8#fab4bcff
RGBrgb(250, 180, 188)
CMYK[0,0.28,0.25,0.02]
Name#fab4bc
HCL[12.92,27.21,79.95]
oklab[0.84,0.08,0.02]
Num16430268
HSI[354.01,0.13,0.81]
lab[79.95,26.52,6.08]
Lighten
#ffffff
Darken
#f45467
Saturate
#ffafb8
Desaturate
#f2bcc2
Greyscale
#d7d7d7
Brighten
#ffe7ef

Color harmonies of #fab4bc

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.
#fab4bc
#bcfab4
#b4bcfa

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.
#fab4bc
#dffab4
#b4faf2
#cfb4fa

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.
#fab4bc
#251b1c
#503a3c
#7a585c
#a5777c
#cf959c

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.
#fab4bc
#fab4d8
#fab4ca
#fab4bc
#fabab4
#fac8b4

Split Complements

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

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
#fffafa
#fef4f5
#feeff1
#feeaec
#fde4e7
#fddfe2
#fddade
#fcd4d9
#fccfd4
#fbc9cf
#fbc4ca
#fbbfc6
#fab9c1
#fab4bc

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#120d0d
#241a1b
#362728
#473336
#594043
#6b4d51
#7d5a5e
#8f676b
#a17479
#b38186
#c48d94
#d69aa1
#e8a7af
#fab4bc

Contrast Checker

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

1.705 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!
12.319 Super 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 #fab4bc

Some examples of color palettes with #fab4bc. View more

Use #fab4bc in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet