color #5AB8C6 | Chroma Seek

#5AB8C6

Color Information

Hex Code

#5AB8C6

RGB

90, 184, 198

HSL

188°, 49%, 56%

CSS

#5AB8C6

Color Tints

Lighter variations of #5AB8C6

#5AB8C6

#6BBFCC

10%

#7BC6D1

20%

#8CCDD7

30%

#9CD4DD

40%

#ADDCE3

50%

#BDE3E8

60%

#CEEAEE

70%

#DEF1F4

80%

#EFF8F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #5AB8C6

#5AB8C6

#51A6B2

10%

#48939E

20%

#3F818B

30%

#366E77

40%

#2D5C63

50%

#244A4F

60%

#1B373B

70%

#122528

80%

#091214

90%

#000000

100%

Related Colors

Complementary Color

#C66658

Opposite on color wheel

Split-Complementary Colors

#C65880, #C69D58

Adjacent to complementary color

Analogous Colors

#58C69D, #5880C6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C658B7, #B7C658

Three colors equally spaced (120° apart)

Tetradic Colors

#6658C6, #C66658, #B7C658

Rectangle on color wheel (90° apart)

Square Colors

#9D58C6, #C66658, #80C658

Four colors equally spaced (90° apart)

Monochromatic Variations

#F0F8FA, #A4D8E0, #2F7D89, #15373D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5AB8C6

#58C682

#5865C6

#C66658

#C69D58

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

Triadic + Accent

#5AB8C6

#C658B7

#B7C658

#ACA4E0

#2F893B

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

Monochromatic + Split Complementary

#5AB8C6

#B7E0E6

#286B76

#C65880

#C69D58

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

#5AB8C6

RGB Values

90, 184, 198

HSL Values

188°, 49%, 56%