color #0F3AE6 | Chroma Seek

#0F3AE6

Color Information

Hex Code

#0F3AE6

RGB

15, 58, 230

HSL

228°, 88%, 48%

CSS

#0F3AE6

Color Tints

Lighter variations of #0F3AE6

#0F3AE6

#274EE9

10%

#3F61EB

20%

#5775EE

30%

#6F89F0

40%

#879DF3

50%

#9FB0F5

60%

#B7C4F8

70%

#CFD8FA

80%

#E7EBFD

90%

#FFFFFF

100%

Color Shades

Darker variations of #0F3AE6

#0F3AE6

#0E34CF

10%

#0C2EB8

20%

#0B29A1

30%

#09238A

40%

#081D73

50%

#06175C

60%

#051145

70%

#030C2E

80%

#020617

90%

#000000

100%

Related Colors

Complementary Color

#E6BB0F

Opposite on color wheel

Split-Complementary Colors

#E64F0F, #A5E60F

Adjacent to complementary color

Analogous Colors

#0FA5E6, #4F0FE6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E60F3A, #3AE60F

Three colors equally spaced (120° apart)

Tetradic Colors

#BB0FE6, #E6BB0F, #3AE60F

Rectangle on color wheel (90° apart)

Square Colors

#E60FA5, #E6BB0F, #0FE64F

Four colors equally spaced (90° apart)

Monochromatic Variations

#C5D0FB, #6682F5, #092286, #020A26

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#0F3AE6

#0FDBE6

#850FE6

#E6BB0F

#A5E60F

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

Triadic + Accent

#0F3AE6

#E60F3A

#3AE60F

#D866F5

#09866D

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

Monochromatic + Split Complementary

#0F3AE6

#7E96F7

#071C6E

#E64F0F

#A5E60F

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

#0F3AE6

RGB Values

15, 58, 230

HSL Values

228°, 88%, 48%