color #0C7AD4 | Chroma Seek

#0C7AD4

Color Information

Hex Code

#0C7AD4

RGB

12, 122, 212

HSL

207°, 89%, 44%

CSS

#0C7AD4

Color Tints

Lighter variations of #0C7AD4

#0C7AD4

#2487D8

10%

#3D95DD

20%

#55A2E1

30%

#6DAFE5

40%

#86BDEA

50%

#9ECAEE

60%

#B6D7F2

70%

#CEE4F6

80%

#E7F2FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #0C7AD4

#0C7AD4

#0B6EBF

10%

#0A62AA

20%

#085594

30%

#07497F

40%

#063D6A

50%

#053155

60%

#042540

70%

#02182A

80%

#010C15

90%

#000000

100%

Related Colors

Complementary Color

#D4660C

Opposite on color wheel

Split-Complementary Colors

#D40C16, #D4CA0C

Adjacent to complementary color

Analogous Colors

#0CD4CA, #0C16D4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D40C7A, #7AD40C

Three colors equally spaced (120° apart)

Tetradic Colors

#660CD4, #D4660C, #7AD40C

Rectangle on color wheel (90° apart)

Square Colors

#CA0CD4, #D4660C, #16D40C

Four colors equally spaced (90° apart)

Monochromatic Variations

#B2DAFB, #51ABF5, #074374, #010B13

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #0C7AD4. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#0C7AD4

#0CD498

#340CD4

#D4660C

#D4CA0C

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#0C7AD4

#D40C7A

#7AD40C

#9B51F5

#077438

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#0C7AD4

#6AB7F6

#05355C

#D40C16

#D4CA0C

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#0C7AD4

RGB Values

12, 122, 212

HSL Values

207°, 89%, 44%