Color picker

#2c5dcf

Conversion

HEX#2c5dcf
HEX8#2c5dcfff
RGBrgb(44, 93, 207)
CMYK[0.79,0.55,0,0.19]
Name#2c5dcf
HCL[291.36,68.28,42.56]
oklab[0.51,-0.02,-0.18]
Num2907599
HSI[222.97,0.62,0.45]
lab[42.56,24.86,-63.59]
Lighten
#7d9ce3
Darken
#1a377b
Saturate
#1353e8
Desaturate
#4567b6
Greyscale
#7d7d7d
Brighten
#5f90ff

Color harmonies of #2c5dcf

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.
#2c5dcf
#cf2c5d
#5dcf2c

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.
#2c5dcf
#cf2cae
#cf9e2c
#2ccf4c

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.
#2c5dcf
#3570f9
#081125
#11244f
#1a377a
#234aa4

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.
#2c5dcf
#2c9ecf
#2c7ecf
#2c5dcf
#2c3ccf
#3c2ccf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2c5dcf
#bf2ccf
#9ecf2c

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
#f0f3fc
#e1e8f8
#d2dcf5
#c3d1f1
#b4c5ee
#a5baea
#96aee7
#86a2e4
#7797e0
#688bdd
#5980d9
#4a74d6
#3b69d2
#2c5dcf

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#03070f
#060d1e
#09142c
#0d1b3b
#10214a
#132859
#162f68
#193576
#1c3c85
#1f4294
#2349a3
#2650b1
#2956c0
#2c5dcf

Contrast Checker

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

5.876 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!
3.574 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!

Color Palettes #2c5dcf

Some examples of color palettes with #2c5dcf. View more

Use #2c5dcf in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet