Color picker

#2a5c88

Conversion

HEX#2a5c88
HEX8#2a5c88ff
RGBrgb(42, 92, 136)
CMYK[0.69,0.32,0,0.47]
Name#2a5c88
HCL[266.67,29.46,37.7]
oklab[0.46,-0.03,-0.08]
Num2776200
HSI[207.89,0.53,0.35]
lab[37.7,-1.71,-29.41]
Lighten
#4f90c9
Darken
#12273a
Saturate
#185d9a
Desaturate
#3c5b76
Greyscale
#595959
Brighten
#5d8fbb

Color harmonies of #2a5c88

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.
#2a5c88
#882a5c
#5c882a

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.
#2a5c88
#852a88
#88562a
#2d882a

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.
#2a5c88
#3779b3
#4495dd
#030608
#102233
#1d3f5d

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.
#2a5c88
#2a8288
#2a6f88
#2a5c88
#2a4988
#2a3688

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2a5c88
#692a88
#82882a

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
#f0f3f7
#e1e8ee
#d1dce6
#c2d0dd
#b3c5d5
#a4b9cc
#95aec4
#85a2bb
#7696b3
#678baa
#587fa2
#487399
#396891
#2a5c88

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#03070a
#060d13
#09141d
#0c1a27
#0f2131
#12273a
#152e44
#18354e
#1b3b57
#1e4261
#21486b
#244f75
#27557e
#2a5c88

Contrast Checker

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

7.036 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!
2.985 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!

Color Palettes #2a5c88

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

Use #2a5c88 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet