color #57A7B5 | Chroma Seek

#57A7B5

Color Information

Hex Code

#57A7B5

RGB

87, 167, 181

HSL

189°, 39%, 53%

CSS

#57A7B5

Color Tints

Lighter variations of #57A7B5

#57A7B5

#68B0BC

10%

#79B9C4

20%

#89C1CB

30%

#9ACAD3

40%

#ABD3DA

50%

#BCDCE1

60%

#CDE5E9

70%

#DDEDF0

80%

#EEF6F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #57A7B5

#57A7B5

#4E96A3

10%

#468691

20%

#3D757F

30%

#34646D

40%

#2C545B

50%

#234348

60%

#1A3236

70%

#112124

80%

#091112

90%

#000000

100%

Related Colors

Complementary Color

#B66658

Opposite on color wheel

Split-Complementary Colors

#B65879, #B69558

Adjacent to complementary color

Analogous Colors

#58B695, #5879B6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B658A8, #A8B658

Three colors equally spaced (120° apart)

Tetradic Colors

#6658B6, #B66658, #A8B658

Rectangle on color wheel (90° apart)

Square Colors

#9558B6, #B66658, #79B658

Four colors equally spaced (90° apart)

Monochromatic Variations

#E6F2F4, #9FCDD5, #336B75, #142A2E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#57A7B5

#58B67E

#5862B6

#B66658

#B69558

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

Triadic + Accent

#57A7B5

#B658A8

#A8B658

#A79FD5

#33753D

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

Monochromatic + Split Complementary

#57A7B5

#B1D6DD

#2C5B63

#B65879

#B69558

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

#57A7B5

RGB Values

87, 167, 181

HSL Values

189°, 39%, 53%