color #86BAF6 | Chroma Seek

#86BAF6

Color Information

Hex Code

#86BAF6

RGB

134, 186, 246

HSL

212°, 86%, 75%

CSS

#86BAF6

Color Tints

Lighter variations of #86BAF6

#86BAF6

#92C1F7

10%

#9EC8F8

20%

#AACFF9

30%

#B6D6FA

40%

#C3DDFB

50%

#CFE3FB

60%

#DBEAFC

70%

#E7F1FD

80%

#F3F8FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #86BAF6

#86BAF6

#79A7DD

10%

#6B95C5

20%

#5E82AC

30%

#507094

40%

#435D7B

50%

#364A62

60%

#28384A

70%

#1B2531

80%

#0D1319

90%

#000000

100%

Related Colors

Complementary Color

#F6C388

Opposite on color wheel

Split-Complementary Colors

#F68C88, #F2F688

Adjacent to complementary color

Analogous Colors

#88F2F6, #8C88F6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F688BC, #BCF688

Three colors equally spaced (120° apart)

Tetradic Colors

#C388F6, #F6C388, #BCF688

Rectangle on color wheel (90° apart)

Square Colors

#F688F2, #F6C388, #88F68C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E7F2FD, #2A86EF, #0C54A6

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#86BAF6

#88F6DE

#A788F6

#F6C388

#F2F688

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

Triadic + Accent

#86BAF6

#F688BC

#BCF688

#CFA0F8

#2AEF93

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

Monochromatic + Split Complementary

#86BAF6

#B8D7FA

#1278ED

#F68C88

#F2F688

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

#86BAF6

RGB Values

134, 186, 246

HSL Values

212°, 86%, 75%