color #BAECF0 | Chroma Seek

#BAECF0

Color Information

Hex Code

#BAECF0

RGB

186, 236, 240

HSL

184°, 64%, 84%

CSS

#BAECF0

Color Tints

Lighter variations of #BAECF0

#BAECF0

#C1EEF2

10%

#C8F0F3

20%

#CFF2F5

30%

#D6F4F6

40%

#DDF6F8

50%

#E3F7F9

60%

#EAF9FB

70%

#F1FBFC

80%

#F8FDFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #BAECF0

#BAECF0

#A7D4D8

10%

#95BDC0

20%

#82A5A8

30%

#708E90

40%

#5D7678

50%

#4A5E60

60%

#384748

70%

#252F30

80%

#131818

90%

#000000

100%

Related Colors

Complementary Color

#F0C0BC

Opposite on color wheel

Split-Complementary Colors

#F0BCD3, #F0DABC

Adjacent to complementary color

Analogous Colors

#BCF0DA, #BCD3F0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F0BCED, #EDF0BC

Three colors equally spaced (120° apart)

Tetradic Colors

#C0BCF0, #F0C0BC, #EDF0BC

Rectangle on color wheel (90° apart)

Square Colors

#DABCF0, #F0C0BC, #D3F0BC

Four colors equally spaced (90° apart)

Monochromatic Variations

#7DDCE3, #3FCBD5, #249BA3, #165F64

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BAECF0

#BCF0CD

#BCC6F0

#F0C0BC

#F0DABC

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

Triadic + Accent

#BAECF0

#F0BCED

#EDF0BC

#B0ABED

#68DE70

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

Monochromatic + Split Complementary

#BAECF0

#C0EEF1

#54D0D9

#F0BCD3

#F0DABC

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

#BAECF0

RGB Values

186, 236, 240

HSL Values

184°, 64%, 84%