color #30A596 | Chroma Seek

#30A596

Color Information

Hex Code

#30A596

RGB

48, 165, 150

HSL

172°, 55%, 42%

CSS

#30A596

Color Tints

Lighter variations of #30A596

#30A596

#45AEA1

10%

#59B7AB

20%

#6EC0B6

30%

#83C9C0

40%

#98D2CB

50%

#ACDBD5

60%

#C1E4E0

70%

#D6EDEA

80%

#EAF6F5

90%

#FFFFFF

100%

Color Shades

Darker variations of #30A596

#30A596

#2B9587

10%

#268478

20%

#227369

30%

#1D635A

40%

#18534B

50%

#13423C

60%

#0E322D

70%

#0A211E

80%

#05110F

90%

#000000

100%

Related Colors

Complementary Color

#A63040

Opposite on color wheel

Split-Complementary Colors

#A6307B, #A65B30

Adjacent to complementary color

Analogous Colors

#30A65B, #307BA6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#9630A6, #A69630

Three colors equally spaced (120° apart)

Tetradic Colors

#3040A6, #A63040, #A69630

Rectangle on color wheel (90° apart)

Square Colors

#5B30A6, #A63040, #7BA630

Four colors equally spaced (90° apart)

Monochromatic Variations

#B8EAE4, #69D3C5, #19574F, #020807

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#30A596

#30A63E

#305DA6

#A63040

#A65B30

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

Triadic + Accent

#30A596

#9630A6

#A69630

#6977D3

#215719

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

Monochromatic + Split Complementary

#30A596

#7DD9CD

#14433D

#A6307B

#A65B30

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

#30A596

RGB Values

48, 165, 150

HSL Values

172°, 55%, 42%