color #42A7F0 | Chroma Seek

#42A7F0

Color Information

Hex Code

#42A7F0

RGB

66, 167, 240

HSL

205°, 85%, 60%

CSS

#42A7F0

Color Tints

Lighter variations of #42A7F0

#42A7F0

#55B0F2

10%

#68B9F3

20%

#7BC1F5

30%

#8ECAF6

40%

#A1D3F8

50%

#B3DCF9

60%

#C6E5FB

70%

#D9EDFC

80%

#ECF6FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #42A7F0

#42A7F0

#3B96D8

10%

#3586C0

20%

#2E75A8

30%

#286490

40%

#215478

50%

#1A4360

60%

#143248

70%

#0D2130

80%

#071118

90%

#000000

100%

Related Colors

Complementary Color

#F08B42

Opposite on color wheel

Split-Complementary Colors

#F04251, #F0E142

Adjacent to complementary color

Analogous Colors

#42F0E1, #4251F0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F042A7, #A7F042

Three colors equally spaced (120° apart)

Tetradic Colors

#8B42F0, #F08B42, #A7F042

Rectangle on color wheel (90° apart)

Square Colors

#E142F0, #F08B42, #51F042

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #A1D3F7, #0F74BD, #083A5E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#42A7F0

#42F0B6

#5F42F0

#F08B42

#F0E142

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

Triadic + Accent

#42A7F0

#F042A7

#A7F042

#C5A1F7

#0FBD58

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

Monochromatic + Split Complementary

#42A7F0

#B8DEF9

#0D66A5

#F04251

#F0E142

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

#42A7F0

RGB Values

66, 167, 240

HSL Values

205°, 85%, 60%