Color picker

#f3bad5

Conversion

HEX#f3bad5
HEX8#f3bad5ff
RGBrgb(243, 186, 213)
CMYK[0,0.23,0.12,0.05]
Name#f3bad5
HCL[347.28,25.26,81.28]
oklab[0.85,0.07,-0.01]
Num15973077
HSI[331.74,0.13,0.84]
lab[81.28,24.64,-5.56]
Lighten
#ffffff
Darken
#e463a0
Saturate
#fbb2d5
Desaturate
#ebc2d5
Greyscale
#d6d6d6
Brighten
#ffedff

Color harmonies of #f3bad5

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.
#f3bad5
#d5f3ba
#bad5f3

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.
#f3bad5
#f1f3ba
#baf3d8
#bbbaf3

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.
#f3bad5
#1e171b
#493840
#735865
#9e798a
#c899b0

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.
#f3bad5
#f3baec
#f3bae0
#f3bad5
#f3baca
#f3babe

Split Complements

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

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
#fefafc
#fdf5f9
#fcf0f6
#fcebf3
#fbe6f0
#fae1ed
#f9ddea
#f8d8e7
#f7d3e4
#f6cee1
#f6c9de
#f5c4db
#f4bfd8
#f3bad5

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#110d0f
#231b1e
#34282e
#45353d
#57424c
#68505b
#7a5d6b
#8b6a7a
#9c7889
#ae8598
#bf92a7
#d09fb7
#e2adc6
#f3bad5

Contrast Checker

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

1.641 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.795 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 #f3bad5

Some examples of color palettes with #f3bad5. View more

Use #f3bad5 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet