color #7AB4FF | Chroma Seek

#7AB4FF

Color Information

Hex Code

#7AB4FF

RGB

122, 180, 255

HSL

214°, 100%, 74%

CSS

#7AB4FF

Color Tints

Lighter variations of #7AB4FF

#7AB4FF

#87BCFF

10%

#95C3FF

20%

#A2CBFF

30%

#AFD2FF

40%

#BDDAFF

50%

#CAE1FF

60%

#D7E9FF

70%

#E4F0FF

80%

#F2F8FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #7AB4FF

#7AB4FF

#6EA2E6

10%

#6290CC

20%

#557EB3

30%

#496C99

40%

#3D5A80

50%

#314866

60%

#25364D

70%

#182433

80%

#0C121A

90%

#000000

100%

Related Colors

Complementary Color

#FFC67A

Opposite on color wheel

Split-Complementary Colors

#FF837A, #F6FF7A

Adjacent to complementary color

Analogous Colors

#7AF6FF, #837AFF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FF7AB4, #B4FF7A

Three colors equally spaced (120° apart)

Tetradic Colors

#C67AFF, #FFC67A, #B4FF7A

Rectangle on color wheel (90° apart)

Square Colors

#FF7AF6, #FFC67A, #7AFF83

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E0EEFF, #147AFF, #004BAD

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #7AB4FF. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#7AB4FF

#7AFFE7

#A47AFF

#FFC67A

#F6FF7A

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

Triadic + Accent

#7AB4FF

#FF7AB4

#B4FF7A

#D399FF

#14FF99

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

Monochromatic + Split Complementary

#7AB4FF

#B3D4FF

#006CFA

#FF837A

#F6FF7A

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

#7AB4FF

RGB Values

122, 180, 255

HSL Values

214°, 100%, 74%