Color picker

#f500ac

Conversion

HEX#f500ac
HEX8#f500acff
RGBrgb(245, 0, 172)
CMYK[0,1,0.3,0.04]
Name#f500ac
HCL[345.13,89.35,54.45]
oklab[0.64,0.26,-0.06]
Num16056492
HSI[316.87,1,0.55]
lab[54.45,86.36,-22.93]
Lighten
#ff5cce
Darken
#8f0064
Saturate
#f500ac
Desaturate
#dc18a2
Greyscale
#7a7a7a
Brighten
#ff33df

Color harmonies of #f500ac

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.
#f500ac
#acf500
#00acf5

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.
#f500ac
#f5c300
#00f549
#0031f5

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.
#f500ac
#200017
#4b0035
#750052
#a00070
#ca008e

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.
#f500ac
#dc00f5
#f500dd
#f500ac
#f5007b
#f5004a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f500ac
#f57a00
#00f5dc

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
#feedf9
#fedbf3
#fdc8ed
#fcb6e7
#fba4e1
#fb92db
#fa80d6
#f96dd0
#f95bca
#f849c4
#f737be
#f624b8
#f612b2
#f500ac

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#12000c
#230019
#350025
#460031
#58003d
#69004a
#7b0056
#8c0062
#9e006f
#af007b
#c10087
#d20093
#e400a0
#f500ac

Contrast Checker

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

3.833 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!
5.478 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 #f500ac

Some examples of color palettes with #f500ac. View more

Use #f500ac in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet