#212DFD Color Information

#212DFD

HEX

#212DFD

RGB

33, 45, 253

HSL

237, 98, 56

HSV

237, 87, 99

CMYK

87, 82, 0, 1

LAB

37, 67, -100

Web Safe (Beta)

#212DFD

Luminosity

0.09

#212DFD RGB Percentages

red3313%
green4518%
blue25399%

#212DFD CMYK Percentages

cyan8787%
magenta8282%
yellow00%
black11%

Color Combinations

Complementary

Colors that are opposite to each other, forming a contrasting pair.

#212DFD#FDF121

Split Complementary

A main color and two additional colors that are adjacent to the complementary color of the main color.

#212DFD#FD8321#9BFD21

Triadic

A combination of three evenly spaced colors on the color wheel.

#212DFD#FD212D#2DFD21

Tetradic

A combination of two pairs of complementary colors, forming a rectangle on the color wheel.

#212DFD#FD219B#FDF121#21FD83

Analogous Complementary

A combination of a complementary color and its adjacent neighbors on the color wheel.

#212DFD#FDF121#FD8321#9BFD21

Analogous

A combination of four neighboring colors on the color wheel.

#212DFD#8321FD#F121FD#FD219B

Shades

#212DFD Light Tints

Tints generated by adding white to #212DFD.

#212DFD Gray Shades

Shades created by blending #212DFD with gray.

#212DFD Dark Shades

Shades created by darkening #212DFD with black.

#212DFD Red Shades

Variations created by blending #212DFD with shades of red.

#212DFD Green Shades

Shades created by mixing #212DFD with green hues.

#212DFD Blue Shades

Variations crafted by combining #212DFD with blue tones.

#212DFD Readability

Randomly selected colors with a readability score greater than 5

Fixed Background Color

#212DFD Recommended Color Palettes

#212DFD Mockup

mockup changes colors based on the current color.

mockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockupmockup

Download Solid Color Image

Download solid color image with the following dimensions.

1:1 have color hex code#212DFD 1:1 solid background color image have color hex code4:5 have color hex code#212DFD 4:5 solid background color image have color hex code9:16 have color hex code#212DFD 9:16 solid background color image have color hex code5:4 have color hex code#212DFD 5:4 solid background color image have color hex code4:3 have color hex code#212DFD 4:3 solid background color image have color hex code1:2 have color hex code#212DFD 1:2 solid background color image have color hex code2:1 have color hex code#212DFD 2:1 solid background color image have color hex code16:9 have color hex code#212DFD 16:9 solid background color image have color hex code3:2 have color hex code#212DFD 3:2 solid background color image have color hex code3:4 have color hex code#212DFD 3:4 solid background color image have color hex code1:1#212DFD 1:1 solid background color image4:5#212DFD 4:5 solid background color image9:16#212DFD 9:16 solid background color image5:4#212DFD 5:4 solid background color image4:3#212DFD 4:3 solid background color image1:2#212DFD 1:2 solid background color image2:1#212DFD 2:1 solid background color image16:9#212DFD 16:9 solid background color image3:2#212DFD 3:2 solid background color image3:4#212DFD 3:4 solid background color image