color #56AEFB | Chroma Seek

#56AEFB

Color Information

Hex Code

#56AEFB

RGB

86, 174, 251

HSL

208°, 95%, 66%

CSS

#56AEFB

Color Tints

Lighter variations of #56AEFB

#56AEFB

#67B6FB

10%

#78BEFC

20%

#89C6FC

30%

#9ACEFD

40%

#ABD7FD

50%

#BBDFFD

60%

#CCE7FE

70%

#DDEFFE

80%

#EEF7FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #56AEFB

#56AEFB

#4D9DE2

10%

#458BC9

20%

#3C7AB0

30%

#346897

40%

#2B577E

50%

#224664

60%

#1A344B

70%

#112332

80%

#091119

90%

#000000

100%

Related Colors

Complementary Color

#FBA356

Opposite on color wheel

Split-Complementary Colors

#FB565B, #FBF556

Adjacent to complementary color

Analogous Colors

#56FBF5, #565BFB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FB56AE, #AEFB56

Three colors equally spaced (120° apart)

Tetradic Colors

#A356FB, #FBA356, #AEFB56

Rectangle on color wheel (90° apart)

Square Colors

#F556FB, #FBA356, #5BFB56

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B9DEFD, #067DE5, #034681

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#56AEFB

#56FBCC

#7A56FB

#FBA356

#FBF556

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

Triadic + Accent

#56AEFB

#FB56AE

#AEFB56

#C99CFC

#06E56E

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

Monochromatic + Split Complementary

#56AEFB

#B4DBFD

#056FCC

#FB565B

#FBF556

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

#56AEFB

RGB Values

86, 174, 251

HSL Values

208°, 95%, 66%