Sapphire

#0F52BA

Color Information

Hex Code

#0F52BA

RGB

15, 82, 186

HSL

216°, 85%, 39%

CSS

#0F52BA

Name

Sapphire

Color Tints

Lighter variations of Sapphire

#0F52BA

#2763C1

10%

#3F75C8

20%

#5786CF

30%

#6F97D6

40%

#87A9DD

50%

#9FBAE3

60%

#B7CBEA

70%

#CFDCF1

80%

#E7EEF8

90%

#FFFFFF

100%

Color Shades

Darker variations of Sapphire

#0F52BA

#0E4AA7

10%

#0C4295

20%

#0B3982

30%

#093170

40%

#08295D

50%

#06214A

60%

#051938

70%

#031025

80%

#020813

90%

#000000

100%

Related Colors

Complementary Color

#B8740F

Opposite on color wheel

Split-Complementary Colors

#B8200F, #A7B80F

Adjacent to complementary color

Analogous Colors

#0FA7B8, #200FB8

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B80F53, #53B80F

Three colors equally spaced (120° apart)

Tetradic Colors

#740FB8, #B8740F, #53B80F

Rectangle on color wheel (90° apart)

Square Colors

#B80FA7, #B8740F, #0FB820

Four colors equally spaced (90° apart)

Monochromatic Variations

#9CC0F7, #3E85EF, #07285A, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring Sapphire. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#0F52BA

#0FB89F

#4A0FB8

#B8740F

#A7B80F

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

Triadic + Accent

#0F52BA

#B80F53

#53B80F

#A83EEF

#085E3C

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

Monochromatic + Split Complementary

#0F52BA

#5594F1

#062047

#B8200F

#A7B80F

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

#0F52BA

RGB Values

15, 82, 186

HSL Values

216°, 85%, 39%