color #42A5D7 | Chroma Seek

#42A5D7

Color Information

Hex Code

#42A5D7

RGB

66, 165, 215

HSL

200°, 65%, 55%

CSS

#42A5D7

Color Tints

Lighter variations of #42A5D7

#42A5D7

#55AEDB

10%

#68B7DF

20%

#7BC0E3

30%

#8EC9E7

40%

#A1D2EB

50%

#B3DBEF

60%

#C6E4F3

70%

#D9EDF7

80%

#ECF6FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #42A5D7

#42A5D7

#3B95C2

10%

#3584AC

20%

#2E7397

30%

#286381

40%

#21536C

50%

#1A4256

60%

#143241

70%

#0D212B

80%

#071116

90%

#000000

100%

Related Colors

Complementary Color

#D77342

Opposite on color wheel

Split-Complementary Colors

#D7425B, #D7BE42

Adjacent to complementary color

Analogous Colors

#42D7BE, #425BD7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D742A5, #A5D742

Three colors equally spaced (120° apart)

Tetradic Colors

#7342D7, #D77342, #A5D742

Rectangle on color wheel (90° apart)

Square Colors

#BE42D7, #D77342, #5BD742

Four colors equally spaced (90° apart)

Monochromatic Variations

#EAF5FB, #96CDE9, #1F6D93, #0D2F3F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#42A5D7

#42D799

#4E42D7

#D77342

#D7BE42

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

Triadic + Accent

#42A5D7

#D742A5

#A5D742

#B196E9

#1F9346

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

Monochromatic + Split Complementary

#42A5D7

#ABD7ED

#1B5D7E

#D7425B

#D7BE42

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

#42A5D7

RGB Values

66, 165, 215

HSL Values

200°, 65%, 55%