color #3FA8C6 | Chroma Seek

#3FA8C6

Color Information

Hex Code

#3FA8C6

RGB

63, 168, 198

HSL

193°, 54%, 51%

CSS

#3FA8C6

Color Tints

Lighter variations of #3FA8C6

#3FA8C6

#52B1CC

10%

#65B9D1

20%

#79C2D7

30%

#8CCBDD

40%

#9FD4E3

50%

#B2DCE8

60%

#C5E5EE

70%

#D9EEF4

80%

#ECF6F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #3FA8C6

#3FA8C6

#3997B2

10%

#32869E

20%

#2C768B

30%

#266577

40%

#205463

50%

#19434F

60%

#13323B

70%

#0D2228

80%

#061114

90%

#000000

100%

Related Colors

Complementary Color

#C65C3F

Opposite on color wheel

Split-Complementary Colors

#C63F65, #C69F3F

Adjacent to complementary color

Analogous Colors

#3FC69F, #3F65C6

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C63FA8, #A8C63F

Three colors equally spaced (120° apart)

Tetradic Colors

#5C3FC6, #C65C3F, #A8C63F

Rectangle on color wheel (90° apart)

Square Colors

#9F3FC6, #C65C3F, #65C63F

Four colors equally spaced (90° apart)

Monochromatic Variations

#DCEFF4, #8DCCDD, #24677A, #0D252B

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3FA8C6

#3FC67E

#3F43C6

#C65C3F

#C69F3F

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

Triadic + Accent

#3FA8C6

#C63FA8

#A8C63F

#9E8DDD

#247A37

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

Monochromatic + Split Complementary

#3FA8C6

#A1D5E3

#1E5766

#C63F65

#C69F3F

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

#3FA8C6

RGB Values

63, 168, 198

HSL Values

193°, 54%, 51%