color #BAC5F3 | Chroma Seek

#BAC5F3

Color Information

Hex Code

#BAC5F3

RGB

186, 197, 243

HSL

228°, 70%, 84%

CSS

#BAC5F3

Color Tints

Lighter variations of #BAC5F3

#BAC5F3

#C1CBF4

10%

#C8D1F5

20%

#CFD6F7

30%

#D6DCF8

40%

#DDE2F9

50%

#E3E8FA

60%

#EAEEFB

70%

#F1F3FD

80%

#F8F9FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #BAC5F3

#BAC5F3

#A7B1DB

10%

#959EC2

20%

#828AAA

30%

#707692

40%

#5D637A

50%

#4A4F61

60%

#383B49

70%

#252731

80%

#131418

90%

#000000

100%

Related Colors

Complementary Color

#F3E7BA

Opposite on color wheel

Split-Complementary Colors

#F3CBBA, #E2F3BA

Adjacent to complementary color

Analogous Colors

#BAE2F3, #CBBAF3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F3BAC5, #C5F3BA

Three colors equally spaced (120° apart)

Tetradic Colors

#E7BAF3, #F3E7BA, #C5F3BA

Rectangle on color wheel (90° apart)

Square Colors

#F3BAE2, #F3E7BA, #BAF3CB

Four colors equally spaced (90° apart)

Monochromatic Variations

#798FE7, #3858DC, #1E3AA9, #122368

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BAC5F3

#BAF0F3

#D9BAF3

#F3E7BA

#E2F3BA

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

Triadic + Accent

#BAC5F3

#F3BAC5

#C5F3BA

#E1A8F0

#63E3CA

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

Monochromatic + Split Complementary

#BAC5F3

#BEC9F4

#4D6BE0

#F3CBBA

#E2F3BA

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

#BAC5F3

RGB Values

186, 197, 243

HSL Values

228°, 70%, 84%