color #5B9DE3 | Chroma Seek

#5B9DE3

Color Information

Hex Code

#5B9DE3

RGB

91, 157, 227

HSL

211°, 71%, 62%

CSS

#5B9DE3

Color Tints

Lighter variations of #5B9DE3

#5B9DE3

#6BA7E6

10%

#7CB1E9

20%

#8CBAEB

30%

#9DC4EE

40%

#ADCEF1

50%

#BDD8F4

60%

#CEE2F7

70%

#DEEBF9

80%

#EFF5FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #5B9DE3

#5B9DE3

#528DCC

10%

#497EB6

20%

#406E9F

30%

#375E88

40%

#2E4F72

50%

#243F5B

60%

#1B2F44

70%

#121F2D

80%

#091017

90%

#000000

100%

Related Colors

Complementary Color

#E3A059

Opposite on color wheel

Split-Complementary Colors

#E35C59, #E1E359

Adjacent to complementary color

Analogous Colors

#59E1E3, #5C59E3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E3599C, #9CE359

Three colors equally spaced (120° apart)

Tetradic Colors

#A059E3, #E3A059, #9CE359

Rectangle on color wheel (90° apart)

Square Colors

#E359E1, #E3A059, #59E35C

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #B1D0F2, #1F69B7, #103760

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5B9DE3

#59E3C3

#7E59E3

#E3A059

#E1E359

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

Triadic + Accent

#5B9DE3

#E3599C

#9CE359

#CDA8F0

#1FB76E

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

Monochromatic + Split Complementary

#5B9DE3

#BED8F4

#1B5CA1

#E35C59

#E1E359

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

#5B9DE3

RGB Values

91, 157, 227

HSL Values

211°, 71%, 62%