color #18A7DF | Chroma Seek

#18A7DF

Color Information

Hex Code

#18A7DF

RGB

24, 167, 223

HSL

197°, 81%, 48%

CSS

#18A7DF

Color Tints

Lighter variations of #18A7DF

#18A7DF

#2FB0E2

10%

#46B9E5

20%

#5DC1E9

30%

#74CAEC

40%

#8CD3EF

50%

#A3DCF2

60%

#BAE5F5

70%

#D1EDF9

80%

#E8F6FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #18A7DF

#18A7DF

#1696C9

10%

#1386B2

20%

#11759C

30%

#0E6486

40%

#0C5470

50%

#0A4359

60%

#073243

70%

#05212D

80%

#021116

90%

#000000

100%

Related Colors

Complementary Color

#DE4F17

Opposite on color wheel

Split-Complementary Colors

#DE1742, #DEB317

Adjacent to complementary color

Analogous Colors

#17DEB3, #1742DE

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DE17A5, #A5DE17

Three colors equally spaced (120° apart)

Tetradic Colors

#4F17DE, #DE4F17, #A5DE17

Rectangle on color wheel (90° apart)

Square Colors

#B317DE, #DE4F17, #42DE17

Four colors equally spaced (90° apart)

Monochromatic Variations

#C8EBF9, #6BCAEF, #0E6081, #041C25

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#18A7DF

#17DE81

#1E17DE

#DE4F17

#DEB317

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

Triadic + Accent

#18A7DF

#DE17A5

#A5DE17

#916BEF

#0E812E

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

Monochromatic + Split Complementary

#18A7DF

#82D2F2

#0B4F6A

#DE1742

#DEB317

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

#18A7DF

RGB Values

24, 167, 223

HSL Values

197°, 81%, 48%