color #7FBAD5 | Chroma Seek

#7FBAD5

Color Information

Hex Code

#7FBAD5

RGB

127, 186, 213

HSL

199°, 51%, 67%

CSS

#7FBAD5

Color Tints

Lighter variations of #7FBAD5

#7FBAD5

#8CC1D9

10%

#99C8DD

20%

#A5CFE2

30%

#B2D6E6

40%

#BFDDEA

50%

#CCE3EE

60%

#D9EAF2

70%

#E5F1F7

80%

#F2F8FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #7FBAD5

#7FBAD5

#72A7C0

10%

#6695AA

20%

#598295

30%

#4C7080

40%

#405D6B

50%

#334A55

60%

#263840

70%

#19252B

80%

#0D1315

90%

#000000

100%

Related Colors

Complementary Color

#D69B80

Opposite on color wheel

Split-Complementary Colors

#D68090, #D6C680

Adjacent to complementary color

Analogous Colors

#80D6C6, #8090D6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D680BB, #BBD680

Three colors equally spaced (120° apart)

Tetradic Colors

#9B80D6, #D69B80, #BBD680

Rectangle on color wheel (90° apart)

Square Colors

#C680D6, #D69B80, #90D680

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #CDE4EF, #3B8EB5, #225268

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#7FBAD5

#80D6B1

#8680D6

#D69B80

#D6C680

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

Triadic + Accent

#7FBAD5

#D680BB

#BBD680

#C2B2E6

#3BB561

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

Monochromatic + Split Complementary

#7FBAD5

#C5E0EC

#347FA2

#D68090

#D6C680

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

#7FBAD5

RGB Values

127, 186, 213

HSL Values

199°, 51%, 67%