color #3DABCA | Chroma Seek

#3DABCA

Color Information

Hex Code

#3DABCA

RGB

61, 171, 202

HSL

193°, 57%, 52%

CSS

#3DABCA

Color Tints

Lighter variations of #3DABCA

#3DABCA

#50B3CF

10%

#64BCD5

20%

#77C4DA

30%

#8BCDDF

40%

#9ED5E5

50%

#B1DDEA

60%

#C5E6EF

70%

#D8EEF4

80%

#ECF7FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #3DABCA

#3DABCA

#379AB6

10%

#3189A2

20%

#2B788D

30%

#256779

40%

#1F5665

50%

#184451

60%

#12333D

70%

#0C2228

80%

#061114

90%

#000000

100%

Related Colors

Complementary Color

#CA5D3F

Opposite on color wheel

Split-Complementary Colors

#CA3F66, #CAA33F

Adjacent to complementary color

Analogous Colors

#3FCAA3, #3F66CA

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CA3FAC, #ACCA3F

Three colors equally spaced (120° apart)

Tetradic Colors

#5D3FCA, #CA5D3F, #ACCA3F

Rectangle on color wheel (90° apart)

Square Colors

#A33FCA, #CA5D3F, #66CA3F

Four colors equally spaced (90° apart)

Monochromatic Variations

#DFF1F6, #8FCFE0, #236C80, #0D2830

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#3DABCA

#3FCA80

#3F43CA

#CA5D3F

#CAA33F

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

Triadic + Accent

#3DABCA

#CA3FAC

#ACCA3F

#A18FE0

#238037

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

Monochromatic + Split Complementary

#3DABCA

#A3D7E6

#1E5B6C

#CA3F66

#CAA33F

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

#3DABCA

RGB Values

61, 171, 202

HSL Values

193°, 57%, 52%