Color picker

#2727ff

Conversion

HEX#2727ff
HEX8#2727ffff
RGBrgb(39, 39, 255)
CMYK[0.85,0.85,0,0]
Name#2727ff
HCL[304.83,123.49,36.18]
oklab[0.48,-0.01,-0.29]
Num2566143
HSI[240,0.65,0.44]
lab[36.18,70.53,-101.36]
Lighten
#8d8dff
Darken
#0000c0
Saturate
#2727ff
Desaturate
#3d3de9
Greyscale
#939393
Brighten
#5a5aff

Color harmonies of #2727ff

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.
#2727ff
#ff2727
#27ff27

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.
#2727ff
#ff2793
#ffff27
#27ff93

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.
#2727ff
#06062a
#0d0d55
#141480
#1a1aaa
#2121d4

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.
#2727ff
#277dff
#2752ff
#2727ff
#5227ff
#7d27ff

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2727ff
#ff27d4
#7dff27

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
#f0f0ff
#e0e0ff
#d1d1ff
#c1c1ff
#b2b2ff
#a2a2ff
#9393ff
#8484ff
#7474ff
#6565ff
#5555ff
#4646ff
#3636ff
#2727ff

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030312
#060624
#080837
#0b0b49
#0e0e5b
#11116d
#141480
#161692
#1919a4
#1c1cb6
#1f1fc8
#2121db
#2424ed
#2727ff

Contrast Checker

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

7.446 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.82 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 #2727ff

Some examples of color palettes with #2727ff. View more

Use #2727ff in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet