Color picker

#30224a

Conversion

HEX#30224a
HEX8#30224aff
RGBrgb(48, 34, 74)
CMYK[0.35,0.54,0,0.71]
Name#30224a
HCL[306.94,28.24,16.83]
oklab[0.29,0.03,-0.06]
Num3154506
HSI[260.17,0.35,0.2]
lab[16.83,16.98,-22.57]
Lighten
#5d4290
Darken
#030204
Saturate
#2d1755
Desaturate
#332d3f
Greyscale
#363636
Brighten
#63557d

Color harmonies of #30224a

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.
#30224a
#4a3022
#224a30

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.
#30224a
#4a2228
#3c4a22
#224a44

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.
#30224a
#4c3674
#67499f
#835dc9
#9e70f4
#140e1f

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.
#30224a
#22244a
#28224a
#30224a
#38224a
#40224a

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#30224a
#4a2234
#244a22

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
#f0eff2
#e1dfe5
#d3d0d8
#c4c0cb
#b5b0be
#a6a0b1
#9891a5
#898198
#7a718b
#6b617e
#5c5171
#4e4264
#3f3257
#30224a

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030205
#07050b
#0a0710
#0e0a15
#110c1a
#150f20
#181125
#1b132a
#1f1630
#221835
#261b3a
#291d3f
#2d2045
#30224a

Contrast Checker

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

14.449 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!
1.453 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 #30224a

Some examples of color palettes with #30224a. View more

Use #30224a in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet