Color picker

#403cf1

Conversion

HEX#403cf1
HEX8#403cf1ff
RGBrgb(64, 60, 241)
CMYK[0.73,0.75,0,0.05]
Name#403cf1
HCL[303.29,106.15,39.02]
oklab[0.5,0.01,-0.26]
Num4209905
HSI[241.11,0.51,0.48]
lab[39.02,58.25,-88.73]
Lighten
#9d9bf8
Darken
#110dba
Saturate
#332eff
Desaturate
#5451dc
Greyscale
#969696
Brighten
#736fff

Color harmonies of #403cf1

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.
#403cf1
#f1403c
#3cf140

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.
#403cf1
#f13c92
#edf13c
#3cf19a

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.
#403cf1
#08071c
#131247
#1e1c71
#29279c
#3531c6

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.
#403cf1
#3c80f1
#3c5cf1
#403cf1
#643cf1
#883cf1

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#403cf1
#f13cc9
#80f13c

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
#f1f1fe
#e4e3fd
#d6d5fc
#c8c7fb
#bbb9fa
#adabf9
#a09ef8
#9290f7
#8482f6
#7774f5
#6966f4
#5b58f3
#4e4af2
#403cf1

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#050411
#090922
#0e0d34
#121145
#171556
#1b1a67
#201e79
#25228a
#29279b
#2e2bac
#322fbd
#3733cf
#3b38e0
#403cf1

Contrast Checker

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

6.7 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.135 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 #403cf1

Some examples of color palettes with #403cf1. View more

Use #403cf1 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet