Color picker

#5ac1f8

Conversion

HEX#5ac1f8
HEX8#5ac1f8ff
RGBrgb(90, 193, 248)
CMYK[0.64,0.22,0,0.03]
Name#5ac1f8
HCL[249.32,38.5,74.25]
oklab[0.77,-0.07,-0.1]
Num5947896
HSI[200.05,0.49,0.69]
lab[74.25,-13.6,-36.02]
Lighten
#bce6fc
Darken
#0a97e2
Saturate
#53c3ff
Desaturate
#6bbce7
Greyscale
#a9a9a9
Brighten
#8df4ff

Color harmonies of #5ac1f8

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.
#5ac1f8
#f85ac1
#c1f85a

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.
#5ac1f8
#e05af8
#f8915a
#72f85a

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.
#5ac1f8
#0d1c23
#1c3d4e
#2c5e78
#3b7fa3
#4ba0cd

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.
#5ac1f8
#5af8f0
#5ae1f8
#5ac1f8
#5aa1f8
#5a82f8

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#5ac1f8
#b15af8
#f8f05a

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
#f3fbff
#e7f6fe
#dcf2fe
#d0edfd
#c4e9fd
#b8e4fc
#ade0fc
#a1dcfb
#95d7fb
#89d3fa
#7dcefa
#72caf9
#66c5f9
#5ac1f8

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#060e12
#0d1c23
#132935
#1a3747
#204559
#27536a
#2d617c
#336e8e
#3a7c9f
#408ab1
#4798c3
#4da5d5
#54b3e6
#5ac1f8

Contrast Checker

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

2.016 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.418 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 #5ac1f8

Some examples of color palettes with #5ac1f8. View more

Use #5ac1f8 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet