Color picker

#3d91ff

Conversion

HEX#3d91ff
HEX8#3d91ffff
RGBrgb(61, 145, 255)
CMYK[0.76,0.43,0,0]
Name#3d91ff
HCL[280.89,63.01,60.3]
oklab[0.66,-0.04,-0.18]
Num4035071
HSI[214.42,0.6,0.6]
lab[60.3,11.9,-61.87]
Lighten
#a3cbff
Darken
#005dd6
Saturate
#3d91ff
Desaturate
#5094ec
Greyscale
#9e9e9e
Brighten
#70c4ff

Color harmonies of #3d91ff

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.
#3d91ff
#ff3d91
#91ff3d

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.
#3d91ff
#ff3df2
#ffab3d
#3dff4a

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.
#3d91ff
#0a182a
#143055
#1f4980
#2961aa
#3379d4

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.
#3d91ff
#3ddfff
#3db8ff
#3d91ff
#3d6aff
#3d43ff

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3d91ff
#d23dff
#dfff3d

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
#f1f7ff
#e3efff
#d5e7ff
#c8e0ff
#bad8ff
#acd0ff
#9ec8ff
#90c0ff
#82b8ff
#74b0ff
#67a9ff
#59a1ff
#4b99ff
#3d91ff

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040a12
#091524
#0d1f37
#112949
#16345b
#1a3e6d
#1f4980
#235392
#275da4
#2c68b6
#3072c8
#347cdb
#3987ed
#3d91ff

Contrast Checker

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

3.138 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!
6.693 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 #3d91ff

Some examples of color palettes with #3d91ff. View more

Use #3d91ff in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet