Color picker

#f1cf37

Conversion

HEX#f1cf37
HEX8#f1cf37ff
RGBrgb(241, 207, 55)
CMYK[0,0.14,0.77,0.05]
Name#f1cf37
HCL[92.16,74.16,83.76]
oklab[0.86,-0.02,0.16]
Num15847223
HSI[50.12,0.67,0.66]
lab[83.76,-2.8,74.11]
Lighten
#f8e696
Darken
#b5960d
Saturate
#ffd829
Desaturate
#dcc14c
Greyscale
#949494
Brighten
#ffff6a

Color harmonies of #f1cf37

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.
#f1cf37
#37f1cf
#cf37f1

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.
#f1cf37
#37f172
#3759f1
#f137b6

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.
#f1cf37
#1c1807
#473d10
#71611a
#9c8624
#c6aa2d

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.
#f1cf37
#f18537
#f1aa37
#f1cf37
#eef137
#c9f137

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f1cf37
#37f13a
#8537f1

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
#fefcf1
#fdf8e2
#fcf5d4
#fbf1c6
#faeeb8
#f9eaa9
#f8e79b
#f7e48d
#f6e07e
#f5dd70
#f4d962
#f3d654
#f2d245
#f1cf37

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#110f04
#221e08
#342c0c
#453b10
#564a14
#675918
#79681c
#8a761f
#9b8523
#ac9427
#bda32b
#cfb12f
#e0c033
#f1cf37

Contrast Checker

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

1.531 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!
13.72 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 #f1cf37

Some examples of color palettes with #f1cf37. View more

Use #f1cf37 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet