Color picker

#6100f5

Conversion

HEX#6100f5
HEX8#6100f5ff
RGBrgb(97, 0, 245)
CMYK[0.6,1,0,0.04]
Name#6100f5
HCL[309.61,123.99,36.24]
oklab[0.49,0.07,-0.28]
Num6357237
HSI[263.15,1,0.45]
lab[36.24,79.04,-95.52]
Lighten
#9d5cff
Darken
#39008f
Saturate
#6100f5
Desaturate
#6618dc
Greyscale
#7a7a7a
Brighten
#9433ff

Color harmonies of #6100f5

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.
#6100f5
#f56100
#00f561

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.
#6100f5
#f50019
#94f500
#00f5db

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.
#6100f5
#0d0020
#1e004b
#2f0075
#3f00a0
#5000ca

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.
#6100f5
#0001f5
#3000f5
#6100f5
#9200f5
#c300f5

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6100f5
#f50063
#01f500

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
#f4edfe
#e8dbfe
#ddc8fd
#d2b6fc
#c7a4fb
#bb92fb
#b080fa
#a56df9
#995bf9
#8e49f8
#8337f7
#7824f6
#6c12f6
#6100f5

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070012
#0e0023
#150035
#1c0046
#230058
#2a0069
#31007b
#37008c
#3e009e
#4500af
#4c00c1
#5300d2
#5a00e4
#6100f5

Contrast Checker

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

7.429 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.827 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 #6100f5

Some examples of color palettes with #6100f5. View more

Use #6100f5 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet