color #3AF0CC | Chroma Seek

#3AF0CC

Color Information

Hex Code

#3AF0CC

RGB

58, 240, 204

HSL

168°, 86%, 58%

CSS

#3AF0CC

Color Tints

Lighter variations of #3AF0CC

#3AF0CC

#4EF2D1

10%

#61F3D6

20%

#75F5DB

30%

#89F6E0

40%

#9DF8E6

50%

#B0F9EB

60%

#C4FBF0

70%

#D8FCF5

80%

#EBFEFA

90%

#FFFFFF

100%

Color Shades

Darker variations of #3AF0CC

#3AF0CC

#34D8B8

10%

#2EC0A3

20%

#29A88F

30%

#23907A

40%

#1D7866

50%

#176052

60%

#11483D

70%

#0C3029

80%

#061814

90%

#000000

100%

Related Colors

Complementary Color

#F0385D

Opposite on color wheel

Split-Complementary Colors

#F038B9, #F06F38

Adjacent to complementary color

Analogous Colors

#38F06F, #38B9F0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CB38F0, #F0CB38

Three colors equally spaced (120° apart)

Tetradic Colors

#385DF0, #F0385D, #F0CB38

Rectangle on color wheel (90° apart)

Square Colors

#6F38F0, #F0385D, #B9F038

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6FEFD, #97F7E4, #0EB493, #065546

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3AF0CC

#38F041

#388BF0

#F0385D

#F06F38

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

Triadic + Accent

#3AF0CC

#CB38F0

#F0CB38

#97AAF7

#2FB40E

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

Monochromatic + Split Complementary

#3AF0CC

#AEF9EA

#0C9D80

#F038B9

#F06F38

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

#3AF0CC

RGB Values

58, 240, 204

HSL Values

168°, 86%, 58%