Color picker

#375df1

Conversion

HEX#375df1
HEX8#375df1ff
RGBrgb(55, 93, 241)
CMYK[0.77,0.61,0,0.05]
Name#375df1
HCL[296.24,86.84,45.62]
oklab[0.55,-0.01,-0.23]
Num3628529
HSI[228.85,0.58,0.51]
lab[45.62,38.39,-77.89]
Lighten
#96aaf8
Darken
#0d2fb5
Saturate
#2955ff
Desaturate
#4c6adc
Greyscale
#949494
Brighten
#6a90ff

Color harmonies of #375df1

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.
#375df1
#f1375d
#5df137

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.
#375df1
#f137ba
#f1cb37
#37f16e

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.
#375df1
#070b1c
#101b47
#1a2c71
#243c9c
#2d4dc6

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.
#375df1
#37a7f1
#3782f1
#375df1
#3738f1
#5b37f1

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#375df1
#f037f1
#a7f137

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
#f1f3fe
#e2e8fd
#d4dcfc
#c6d1fb
#b8c5fa
#a9baf9
#9baef8
#8da2f7
#7e97f6
#708bf5
#6280f4
#5474f3
#4569f2
#375df1

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#040711
#080d22
#0c1434
#101b45
#142156
#182867
#1c2f79
#1f358a
#233c9b
#2742ac
#2b49bd
#2f50cf
#3356e0
#375df1

Contrast Checker

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

5.252 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.998 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 #375df1

Some examples of color palettes with #375df1. View more

Use #375df1 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet