color #3FCCB5 | Chroma Seek

#3FCCB5

Color Information

Hex Code

#3FCCB5

RGB

63, 204, 181

HSL

170°, 58%, 52%

CSS

#3FCCB5

Color Tints

Lighter variations of #3FCCB5

#3FCCB5

#52D1BC

10%

#65D6C4

20%

#79DBCB

30%

#8CE0D3

40%

#9FE6DA

50%

#B2EBE1

60%

#C5F0E9

70%

#D9F5F0

80%

#ECFAF8

90%

#FFFFFF

100%

Color Shades

Darker variations of #3FCCB5

#3FCCB5

#39B8A3

10%

#32A391

20%

#2C8F7F

30%

#267A6D

40%

#20665B

50%

#195248

60%

#133D36

70%

#0D2924

80%

#061412

90%

#000000

100%

Related Colors

Complementary Color

#CC3E55

Opposite on color wheel

Split-Complementary Colors

#CC3E9C, #CC6D3E

Adjacent to complementary color

Analogous Colors

#3ECC6D, #3E9CCC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B43ECC, #CCB43E

Three colors equally spaced (120° apart)

Tetradic Colors

#3E55CC, #CC3E55, #CCB43E

Rectangle on color wheel (90° apart)

Square Colors

#6D3ECC, #CC3E55, #9CCC3E

Four colors equally spaced (90° apart)

Monochromatic Variations

#DFF6F2, #8EE1D3, #228171, #0D302A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3FCCB5

#3ECC49

#3E79CC

#CC3E55

#CC6D3E

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

Triadic + Accent

#3FCCB5

#B43ECC

#CCB43E

#8E9CE1

#328122

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

Monochromatic + Split Complementary

#3FCCB5

#A2E6DB

#1D6D5F

#CC3E9C

#CC6D3E

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

#3FCCB5

RGB Values

63, 204, 181

HSL Values

170°, 58%, 52%