color #248487 | Chroma Seek

#248487

Color Information

Hex Code

#248487

RGB

36, 132, 135

HSL

182°, 58%, 34%

CSS

#248487

Color Tints

Lighter variations of #248487

#248487

#3A9093

10%

#509D9F

20%

#66A9AB

30%

#7CB5B7

40%

#92C2C3

50%

#A7CECF

60%

#BDDADB

70%

#D3E6E7

80%

#E9F3F3

90%

#FFFFFF

100%

Color Shades

Darker variations of #248487

#248487

#20777A

10%

#1D6A6C

20%

#195C5F

30%

#164F51

40%

#124244

50%

#0E3536

60%

#0B2829

70%

#071A1B

80%

#040D0E

90%

#000000

100%

Related Colors

Complementary Color

#892824

Opposite on color wheel

Split-Complementary Colors

#892453, #895A24

Adjacent to complementary color

Analogous Colors

#24895A, #245389

Adjacent colors on color wheel (30° apart)

Triadic Colors

#892486, #868924

Three colors equally spaced (120° apart)

Tetradic Colors

#282489, #892824, #868924

Rectangle on color wheel (90° apart)

Square Colors

#5A2489, #892824, #538924

Four colors equally spaced (90° apart)

Monochromatic Variations

#96E1E3, #46C9CE, #0F3738, #000000

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#248487

#248941

#243A89

#892824

#895A24

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

Triadic + Accent

#248487

#892486

#868924

#4A46CE

#155117

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

Monochromatic + Split Complementary

#248487

#5ACFD3

#103B3C

#892453

#895A24

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

#248487

RGB Values

36, 132, 135

HSL Values

182°, 58%, 34%