color #40A9F4 | Chroma Seek

#40A9F4

Color Information

Hex Code

#40A9F4

RGB

64, 169, 244

HSL

205°, 89%, 60%

CSS

#40A9F4

Color Tints

Lighter variations of #40A9F4

#40A9F4

#53B2F5

10%

#66BAF6

20%

#79C3F7

30%

#8CCBF8

40%

#A0D4FA

50%

#B3DDFB

60%

#C6E5FC

70%

#D9EEFD

80%

#ECF6FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #40A9F4

#40A9F4

#3A98DC

10%

#3387C3

20%

#2D76AB

30%

#266592

40%

#20557A

50%

#1A4462

60%

#133349

70%

#0D2231

80%

#061118

90%

#000000

100%

Related Colors

Complementary Color

#F48A3E

Opposite on color wheel

Split-Complementary Colors

#F43E4D, #F4E53E

Adjacent to complementary color

Analogous Colors

#3EF4E5, #3E4DF4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F43EA8, #A8F43E

Three colors equally spaced (120° apart)

Tetradic Colors

#8A3EF4, #F48A3E, #A8F43E

Rectangle on color wheel (90° apart)

Square Colors

#E53EF4, #F48A3E, #4DF43E

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #9FD4F9, #0B75C1, #063B60

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#40A9F4

#3EF4B7

#5C3EF4

#F48A3E

#F4E53E

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

Triadic + Accent

#40A9F4

#F43EA8

#A8F43E

#C49FF9

#0BC157

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

Monochromatic + Split Complementary

#40A9F4

#B7DEFB

#0A66A9

#F43E4D

#F4E53E

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

#40A9F4

RGB Values

64, 169, 244

HSL Values

205°, 89%, 60%