color #308B81 | Chroma Seek

#308B81

Color Information

Hex Code

#308B81

RGB

48, 139, 129

HSL

173°, 49%, 37%

CSS

#308B81

Color Tints

Lighter variations of #308B81

#308B81

#45978E

10%

#59A29A

20%

#6EAEA7

30%

#83B9B3

40%

#98C5C0

50%

#ACD1CD

60%

#C1DCD9

70%

#D6E8E6

80%

#EAF3F2

90%

#FFFFFF

100%

Color Shades

Darker variations of #308B81

#308B81

#2B7D74

10%

#266F67

20%

#22615A

30%

#1D534D

40%

#184641

50%

#133834

60%

#0E2A27

70%

#0A1C1A

80%

#050E0D

90%

#000000

100%

Related Colors

Complementary Color

#8D303B

Opposite on color wheel

Split-Complementary Colors

#8D3069, #8D5430

Adjacent to complementary color

Analogous Colors

#308D54, #30698D

Adjacent colors on color wheel (30° apart)

Triadic Colors

#82308D, #8D8230

Three colors equally spaced (120° apart)

Tetradic Colors

#303B8D, #8D303B, #8D8230

Rectangle on color wheel (90° apart)

Square Colors

#54308D, #8D303B, #698D30

Four colors equally spaced (90° apart)

Monochromatic Variations

#A8E1DA, #5CC7BB, #16413C, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#308B81

#308D3C

#30528D

#8D303B

#8D5430

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

Triadic + Accent

#308B81

#82308D

#8D8230

#5C68C7

#204C1A

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

Monochromatic + Split Complementary

#308B81

#6FCEC3

#143935

#8D3069

#8D5430

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

#308B81

RGB Values

48, 139, 129

HSL Values

173°, 49%, 37%