color #18A9F2 | Chroma Seek

#18A9F2

Color Information

Hex Code

#18A9F2

RGB

24, 169, 242

HSL

200°, 89%, 52%

CSS

#18A9F2

Color Tints

Lighter variations of #18A9F2

#18A9F2

#2FB2F3

10%

#46BAF5

20%

#5DC3F6

30%

#74CBF7

40%

#8CD4F9

50%

#A3DDFA

60%

#BAE5FB

70%

#D1EEFC

80%

#E8F6FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #18A9F2

#18A9F2

#1698DA

10%

#1387C2

20%

#1176A9

30%

#0E6591

40%

#0C5579

50%

#0A4461

60%

#073349

70%

#052230

80%

#021118

90%

#000000

100%

Related Colors

Complementary Color

#F26018

Opposite on color wheel

Split-Complementary Colors

#F2183C, #F2CD18

Adjacent to complementary color

Analogous Colors

#18F2CD, #183CF2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F218A9, #A9F218

Three colors equally spaced (120° apart)

Tetradic Colors

#6018F2, #F26018, #A9F218

Rectangle on color wheel (90° apart)

Square Colors

#CD18F2, #F26018, #3CF218

Four colors equally spaced (90° apart)

Monochromatic Variations

#D8F1FD, #78CDF7, #096A9A, #03283A

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #18A9F2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#18A9F2

#18F297

#2A18F2

#F26018

#F2CD18

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

Triadic + Accent

#18A9F2

#F218A9

#A9F218

#A278F7

#099A39

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

Monochromatic + Split Complementary

#18A9F2

#90D6F9

#085982

#F2183C

#F2CD18

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

#18A9F2

RGB Values

24, 169, 242

HSL Values

200°, 89%, 52%