Color picker

#f7c64f

Conversion

HEX#f7c64f
HEX8#f7c64fff
RGBrgb(247, 198, 79)
CMYK[0,0.2,0.68,0.03]
Name#f7c64f
HCL[85.16,64.15,82.23]
oklab[0.85,0.01,0.14]
Num16238159
HSI[43.53,0.55,0.68]
lab[82.23,5.42,63.92]
Lighten
#fbe6b1
Darken
#d69b0a
Saturate
#ffc947
Desaturate
#e5be61
Greyscale
#a3a3a3
Brighten
#fff982

Color harmonies of #f7c64f

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.
#f7c64f
#4ff7c6
#c64ff7

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.
#f7c64f
#4ff772
#4f80f7
#f74fd4

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.
#f7c64f
#221c0b
#4d3e19
#776026
#a28234
#cca441

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.
#f7c64f
#f7834f
#f7a44f
#f7c64f
#f7e84f
#e5f74f

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f7c64f
#5ef74f
#834ff7

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
#fefbf2
#fef7e6
#fdf3d9
#fdefcd
#fcebc0
#fce7b4
#fbe3a7
#fade9a
#fada8e
#f9d681
#f9d275
#f8ce68
#f8ca5c
#f7c64f

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#120e06
#231c0b
#352a11
#473917
#58471c
#6a5522
#7c6328
#8d712d
#9f7f33
#b08d38
#c29c3e
#d4aa44
#e5b849
#f7c64f

Contrast Checker

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

1.598 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.145 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 #f7c64f

Some examples of color palettes with #f7c64f. View more

Use #f7c64f in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet