color #BAF0F7 | Chroma Seek

#BAF0F7

Color Information

Hex Code

#BAF0F7

RGB

186, 240, 247

HSL

187°, 79%, 85%

CSS

#BAF0F7

Color Tints

Lighter variations of #BAF0F7

#BAF0F7

#C1F2F8

10%

#C8F3F9

20%

#CFF5F9

30%

#D6F6FA

40%

#DDF8FB

50%

#E3F9FC

60%

#EAFBFD

70%

#F1FCFD

80%

#F8FEFE

90%

#FFFFFF

100%

Color Shades

Darker variations of #BAF0F7

#BAF0F7

#A7D8DE

10%

#95C0C6

20%

#82A8AD

30%

#709094

40%

#5D787C

50%

#4A6063

60%

#38484A

70%

#253031

80%

#131819

90%

#000000

100%

Related Colors

Complementary Color

#F7C2BB

Opposite on color wheel

Split-Complementary Colors

#F7BBD2, #F7E0BB

Adjacent to complementary color

Analogous Colors

#BBF7E0, #BBD2F7

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F7BBF0, #F0F7BB

Three colors equally spaced (120° apart)

Tetradic Colors

#C2BBF7, #F7C2BB, #F0F7BB

Rectangle on color wheel (90° apart)

Square Colors

#E0BBF7, #F7C2BB, #D2F7BB

Four colors equally spaced (90° apart)

Monochromatic Variations

#76E1EF, #32D2E7, #15A4B7, #0D6672

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#BAF0F7

#BBF7D1

#BBC3F7

#F7C2BB

#F7E0BB

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

Triadic + Accent

#BAF0F7

#F7BBF0

#F0F7BB

#ADA4F4

#5FEC70

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

Monochromatic + Split Complementary

#BAF0F7

#BBF0F7

#48D7EA

#F7BBD2

#F7E0BB

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

#BAF0F7

RGB Values

186, 240, 247

HSL Values

187°, 79%, 85%