color #0F30AE | Chroma Seek

#0F30AE

Color Information

Hex Code

#0F30AE

RGB

15, 48, 174

HSL

228°, 84%, 37%

CSS

#0F30AE

Color Tints

Lighter variations of #0F30AE

#0F30AE

#2745B6

10%

#3F59BE

20%

#576EC6

30%

#6F83CE

40%

#8798D7

50%

#9FACDF

60%

#B7C1E7

70%

#CFD6EF

80%

#E7EAF7

90%

#FFFFFF

100%

Color Shades

Darker variations of #0F30AE

#0F30AE

#0E2B9D

10%

#0C268B

20%

#0B227A

30%

#091D68

40%

#081857

50%

#061346

60%

#050E34

70%

#030A23

80%

#020511

90%

#000000

100%

Related Colors

Complementary Color

#AE8E0F

Opposite on color wheel

Split-Complementary Colors

#AE3F0F, #7EAE0F

Adjacent to complementary color

Analogous Colors

#0F7EAE, #3F0FAE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#AE0F2F, #2FAE0F

Three colors equally spaced (120° apart)

Tetradic Colors

#8E0FAE, #AE8E0F, #2FAE0F

Rectangle on color wheel (90° apart)

Square Colors

#AE0F7E, #AE8E0F, #0FAE3F

Four colors equally spaced (90° apart)

Monochromatic Variations

#93A7F6, #355AED, #071650, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0F30AE

#0FA6AE

#660FAE

#AE8E0F

#7EAE0F

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

Triadic + Accent

#0F30AE

#AE0F2F

#2FAE0F

#C935ED

#085E4D

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

Monochromatic + Split Complementary

#0F30AE

#4D6DEF

#061346

#AE3F0F

#7EAE0F

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

#0F30AE

RGB Values

15, 48, 174

HSL Values

228°, 84%, 37%