#146DF5 Color Information

#146DF5

HEX

#146DF5

RGB

20, 109, 245

HSL

216, 92, 52

HSV

216, 92, 96

CMYK

92, 56, 0, 4

LAB

49, 27, -74

Web Safe (Beta)

#146DF5

Luminosity

0.18

#146DF5 RGB Percentages

red208%
green10943%
blue24596%

#146DF5 CMYK Percentages

cyan9292%
magenta5656%
yellow00%
black44%

Color Combinations

Complementary

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

#146DF5#F59C14

Split Complementary

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

#146DF5#F52B14#DEF514

Triadic

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

#146DF5#F5146D#6DF514

Tetradic

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

#146DF5#F514DE#F59C14#14F52B

Analogous Complementary

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

#146DF5#F59C14#F52B14#DEF514

Analogous

A combination of four neighboring colors on the color wheel.

#146DF5#2B14F5#9C14F5#F514DE

Shades

#146DF5 Light Tints

Tints generated by adding white to #146DF5.

#146DF5 Gray Shades

Shades created by blending #146DF5 with gray.

#146DF5 Dark Shades

Shades created by darkening #146DF5 with black.

#146DF5 Red Shades

Variations created by blending #146DF5 with shades of red.

#146DF5 Green Shades

Shades created by mixing #146DF5 with green hues.

#146DF5 Blue Shades

Variations crafted by combining #146DF5 with blue tones.

#146DF5 Readability

Randomly selected colors with a readability score greater than 5

Fixed Background Color

#146DF5 Recommended Color Palettes

#146DF5 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#146DF5 1:1 solid background color image have color hex code4:5 have color hex code#146DF5 4:5 solid background color image have color hex code9:16 have color hex code#146DF5 9:16 solid background color image have color hex code5:4 have color hex code#146DF5 5:4 solid background color image have color hex code4:3 have color hex code#146DF5 4:3 solid background color image have color hex code1:2 have color hex code#146DF5 1:2 solid background color image have color hex code2:1 have color hex code#146DF5 2:1 solid background color image have color hex code16:9 have color hex code#146DF5 16:9 solid background color image have color hex code3:2 have color hex code#146DF5 3:2 solid background color image have color hex code3:4 have color hex code#146DF5 3:4 solid background color image have color hex code1:1#146DF5 1:1 solid background color image4:5#146DF5 4:5 solid background color image9:16#146DF5 9:16 solid background color image5:4#146DF5 5:4 solid background color image4:3#146DF5 4:3 solid background color image1:2#146DF5 1:2 solid background color image2:1#146DF5 2:1 solid background color image16:9#146DF5 16:9 solid background color image3:2#146DF5 3:2 solid background color image3:4#146DF5 3:4 solid background color image