color #45D9E3 | Chroma Seek

#45D9E3

Color Information

Hex Code

#45D9E3

RGB

69, 217, 227

HSL

184°, 74%, 58%

CSS

#45D9E3

Color Tints

Lighter variations of #45D9E3

#45D9E3

#58DDE6

10%

#6AE1E9

20%

#7DE4EB

30%

#8FE8EE

40%

#A2ECF1

50%

#B5F0F4

60%

#C7F4F7

70%

#DAF7F9

80%

#ECFBFC

90%

#FFFFFF

100%

Color Shades

Darker variations of #45D9E3

#45D9E3

#3EC3CC

10%

#37AEB6

20%

#30989F

30%

#298288

40%

#236D72

50%

#1C575B

60%

#154144

70%

#0E2B2D

80%

#071617

90%

#000000

100%

Related Colors

Complementary Color

#E34F45

Opposite on color wheel

Split-Complementary Colors

#E34589, #E39E45

Adjacent to complementary color

Analogous Colors

#45E39E, #4589E3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E345D9, #D9E345

Three colors equally spaced (120° apart)

Tetradic Colors

#4F45E3, #E34F45, #D9E345

Rectangle on color wheel (90° apart)

Square Colors

#9E45E3, #E34F45, #89E345

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6FDFE, #9DEBF0, #199FA9, #0C4B50

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#45D9E3

#45E377

#4562E3

#E34F45

#E39E45

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

Triadic + Accent

#45D9E3

#E345D9

#D9E345

#A39DF0

#19A923

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

Monochromatic + Split Complementary

#45D9E3

#B4EFF4

#168A92

#E34589

#E39E45

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

#45D9E3

RGB Values

69, 217, 227

HSL Values

184°, 74%, 58%