Color picker

#ff2966

Conversion

HEX#ff2966
HEX8#ff2966ff
RGBrgb(255, 41, 102)
CMYK[0,0.84,0.6,0]
Name#ff2966
HCL[15.09,80.94,55.9]
oklab[0.65,0.24,0.05]
Num16722278
HSI[343.94,0.69,0.52]
lab[55.9,78.15,21.08]
Lighten
#ff8faf
Darken
#c20037
Saturate
#ff2966
Desaturate
#ea3e6f
Greyscale
#949494
Brighten
#ff5c99

Color harmonies of #ff2966

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.
#ff2966
#66ff29
#2966ff

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.
#ff2966
#d1ff29
#29ffc2
#5729ff

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.
#ff2966
#2a0711
#550e22
#801533
#aa1b44
#d42255

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.
#ff2966
#ff29bc
#ff2991
#ff2966
#ff293b
#ff4229

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ff2966
#ffed29
#29bcff

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
#fff0f4
#ffe0e9
#ffd1de
#ffc2d3
#ffb3c8
#ffa3bd
#ff94b3
#ff85a8
#ff759d
#ff6692
#ff5787
#ff487c
#ff3871
#ff2966

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#120307
#24060f
#370916
#490c1d
#5b0f24
#6d122c
#801533
#92173a
#a41a42
#b61d49
#c82050
#db2357
#ed265f
#ff2966

Contrast Checker

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

3.645 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.761 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 #ff2966

Some examples of color palettes with #ff2966. View more

Use #ff2966 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet