Color picker

#49c4fa

Conversion

HEX#49c4fa
HEX8#49c4faff
RGBrgb(73, 196, 250)
CMYK[0.71,0.22,0,0.02]
Name#49c4fa
HCL[244.91,40.23,74.69]
oklab[0.77,-0.08,-0.1]
Num4834554
HSI[197.32,0.58,0.68]
lab[74.69,-17.06,-36.44]
Lighten
#ace4fd
Darken
#0697d7
Saturate
#44c6ff
Desaturate
#5cbde7
Greyscale
#a1a1a1
Brighten
#7cf7ff

Color harmonies of #49c4fa

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.
#49c4fa
#fa49c4
#c4fa49

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.
#49c4fa
#d749fa
#fa7f49
#6bfa49

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.
#49c4fa
#0b1d25
#173f50
#24607a
#3081a5
#3da3cf

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.
#49c4fa
#49fae9
#49e7fa
#49c4fa
#49a1fa
#497dfa

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#49c4fa
#a249fa
#fae949

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
#f2fbff
#e5f7fe
#d8f2fe
#cbeefe
#beeafd
#b1e6fd
#a4e2fd
#97ddfc
#8ad9fc
#7dd5fb
#70d1fb
#63ccfb
#56c8fa
#49c4fa

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050e12
#0a1c24
#102a36
#153847
#1a4659
#1f546b
#25627d
#2a708f
#2f7ea1
#348cb3
#399ac4
#3fa8d6
#44b6e8
#49c4fa

Contrast Checker

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

1.989 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!
10.56 Very 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 #49c4fa

Some examples of color palettes with #49c4fa. View more

Use #49c4fa in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet