color #45D3E3 | Chroma Seek

#45D3E3

Color Information

Hex Code

#45D3E3

RGB

69, 211, 227

HSL

186°, 74%, 58%

CSS

#45D3E3

Color Tints

Lighter variations of #45D3E3

#45D3E3

#58D7E6

10%

#6ADCE9

20%

#7DE0EB

30%

#8FE5EE

40%

#A2E9F1

50%

#B5EDF4

60%

#C7F2F7

70%

#DAF6F9

80%

#ECFBFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #45D3E3

#45D3E3

#3EBECC

10%

#37A9B6

20%

#30949F

30%

#297F88

40%

#236A72

50%

#1C545B

60%

#153F44

70%

#0E2A2D

80%

#071517

90%

#000000

100%

Related Colors

Complementary Color

#E35445

Opposite on color wheel

Split-Complementary Colors

#E34584, #E3A445

Adjacent to complementary color

Analogous Colors

#45E3A4, #4584E3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E345D3, #D3E345

Three colors equally spaced (120° apart)

Tetradic Colors

#5445E3, #E35445, #D3E345

Rectangle on color wheel (90° apart)

Square Colors

#A445E3, #E35445, #84E345

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6FDFE, #9DE8F0, #199AA9, #0C4950

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#45D3E3

#45E37C

#455CE3

#E35445

#E3A445

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

Triadic + Accent

#45D3E3

#E345D3

#D3E345

#A69DF0

#19A928

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

Monochromatic + Split Complementary

#45D3E3

#B4EDF4

#168692

#E34584

#E3A445

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

#45D3E3

RGB Values

69, 211, 227

HSL Values

186°, 74%, 58%