Color picker

#0100cf

Conversion

HEX#0100cf
HEX8#0100cfff
RGBrgb(1, 0, 207)
CMYK[1,1,0,0.19]
Name#0100cf
HCL[306.3,114.32,25.29]
oklab[0.39,-0.03,-0.27]
Num65743
HSI[240.24,1,0.27]
lab[25.29,67.67,-92.13]
Lighten
#3736ff
Darken
#010069
Saturate
#0100cf
Desaturate
#1515ba
Greyscale
#676767
Brighten
#3433ff

Color harmonies of #0100cf

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.
#0100cf
#cf0100
#00cf01

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.
#0100cf
#cf0066
#cecf00
#00cf68

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.
#0100cf
#0100f9
#000025
#00004f
#01007a
#0100a4

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.
#0100cf
#0052cf
#0028cf
#0100cf
#2a00cf
#5400cf

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#0100cf
#cf00a5
#52cf00

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
#ededfc
#dbdbf8
#c9c8f5
#b6b6f1
#a4a4ee
#9292ea
#8080e7
#6e6de4
#5c5be0
#4a49dd
#3737d9
#2524d6
#1312d2
#0100cf

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#00000f
#00001e
#00002c
#00003b
#00004a
#000059
#010068
#010076
#010085
#010094
#0100a3
#0100b1
#0100c0
#0100cf

Contrast Checker

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

11.039 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!
1.902 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 #0100cf

Some examples of color palettes with #0100cf. View more

Use #0100cf in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet