color #308889 | Chroma Seek

#308889

Color Information

Hex Code

#308889

RGB

48, 136, 137

HSL

181°, 48%, 36%

CSS

#308889

Color Tints

Lighter variations of #308889

#308889

#459495

10%

#59A0A1

20%

#6EACAC

30%

#83B8B8

40%

#98C4C4

50%

#ACCFD0

60%

#C1DBDC

70%

#D6E7E7

80%

#EAF3F3

90%

#FFFFFF

100%

Color Shades

Darker variations of #308889

#308889

#2B7A7B

10%

#266D6E

20%

#225F60

30%

#1D5252

40%

#184445

50%

#133637

60%

#0E2929

70%

#0A1B1B

80%

#050E0E

90%

#000000

100%

Related Colors

Complementary Color

#883130

Opposite on color wheel

Split-Complementary Colors

#88305A, #885D30

Adjacent to complementary color

Analogous Colors

#30885D, #305A88

Adjacent colors on color wheel (30° apart)

Triadic Colors

#883086, #868830

Three colors equally spaced (120° apart)

Tetradic Colors

#313088, #883130, #868830

Rectangle on color wheel (90° apart)

Square Colors

#5D3088, #883130, #5A8830

Four colors equally spaced (90° apart)

Monochromatic Variations

#A4DEDF, #59C3C5, #153C3C, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#308889

#308847

#304488

#883130

#885D30

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

Triadic + Accent

#308889

#883086

#868830

#5B59C5

#1B4B1B

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

Monochromatic + Split Complementary

#308889

#6CCACB

#143839

#88305A

#885D30

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

#308889

RGB Values

48, 136, 137

HSL Values

181°, 48%, 36%