Color picker

#0df100

Conversion

HEX#0df100
HEX8#0df100ff
RGBrgb(13, 241, 0)
CMYK[0.95,0,1,0.05]
Name#0df100
HCL[135.85,114.5,83.44]
oklab[0.83,-0.22,0.17]
Num913664
HSI[117.25,1,0.33]
lab[83.44,-82.16,79.75]
Lighten
#61ff58
Darken
#078b00
Saturate
#0df100
Desaturate
#22d918
Greyscale
#787878
Brighten
#40ff33

Color harmonies of #0df100

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.
#0df100
#000df1
#f1000d

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.
#0df100
#0085f1
#e400f1
#f16b00

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.
#0df100
#021c00
#044700
#067100
#089c00
#0bc600

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.
#0df100
#6df100
#3df100
#0df100
#00f123
#00f153

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#0df100
#00cef1
#f1006d

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
#eefeed
#dcfddb
#cbfcc8
#bafbb6
#a9faa4
#97f992
#86f880
#75f76d
#63f65b
#52f549
#41f437
#30f324
#1ef212
#0df100

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#011100
#022200
#033400
#044500
#055600
#066700
#077900
#078a00
#089b00
#09ac00
#0abd00
#0bcf00
#0ce000
#0df100

Contrast Checker

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

1.544 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!
13.599 Super 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 #0df100

Some examples of color palettes with #0df100. View more

Use #0df100 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet