color #5FB4D3 | Chroma Seek

#5FB4D3

Color Information

Hex Code

#5FB4D3

RGB

95, 180, 211

HSL

196°, 57%, 60%

CSS

#5FB4D3

Color Tints

Lighter variations of #5FB4D3

#5FB4D3

#6FBCD7

10%

#7FC3DC

20%

#8FCBE0

30%

#9FD2E5

40%

#AFDAE9

50%

#BFE1ED

60%

#CFE9F2

70%

#DFF0F6

80%

#EFF8FB

90%

#FFFFFF

100%

Color Shades

Darker variations of #5FB4D3

#5FB4D3

#56A2BE

10%

#4C90A9

20%

#437E94

30%

#396C7F

40%

#305A6A

50%

#264854

60%

#1D363F

70%

#13242A

80%

#0A1215

90%

#000000

100%

Related Colors

Complementary Color

#D37E5F

Opposite on color wheel

Split-Complementary Colors

#D35F7A, #D3B85F

Adjacent to complementary color

Analogous Colors

#5FD3B8, #5F7AD3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#D35FB4, #B4D35F

Three colors equally spaced (120° apart)

Tetradic Colors

#7E5FD3, #D37E5F, #B4D35F

Rectangle on color wheel (90° apart)

Square Colors

#B85FD3, #D37E5F, #7AD35F

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #AFDAE9, #2C81A0, #164150

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#5FB4D3

#5FD39B

#615FD3

#D37E5F

#D3B85F

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

Triadic + Accent

#5FB4D3

#D35FB4

#B4D35F

#BEAFE9

#2CA04B

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

Monochromatic + Split Complementary

#5FB4D3

#C3E3EF

#26718C

#D35F7A

#D3B85F

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

#5FB4D3

RGB Values

95, 180, 211

HSL Values

196°, 57%, 60%