color #36A1C4 | Chroma Seek

#36A1C4

Color Information

Hex Code

#36A1C4

RGB

54, 161, 196

HSL

195°, 57%, 49%

CSS

#36A1C4

Color Tints

Lighter variations of #36A1C4

#36A1C4

#4AAACA

10%

#5EB4D0

20%

#72BDD6

30%

#86C7DC

40%

#9BD0E2

50%

#AFD9E7

60%

#C3E3ED

70%

#D7ECF3

80%

#EBF6F9

90%

#FFFFFF

100%

Color Shades

Darker variations of #36A1C4

#36A1C4

#3191B0

10%

#2B819D

20%

#267189

30%

#206176

40%

#1B5162

50%

#16404E

60%

#10303B

70%

#0B2027

80%

#051014

90%

#000000

100%

Related Colors

Complementary Color

#C45936

Opposite on color wheel

Split-Complementary Colors

#C43659, #C4A136

Adjacent to complementary color

Analogous Colors

#36C4A1, #3659C4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#C436A1, #A1C436

Three colors equally spaced (120° apart)

Tetradic Colors

#5936C4, #C45936, #A1C436

Rectangle on color wheel (90° apart)

Square Colors

#A136C4, #C45936, #59C436

Four colors equally spaced (90° apart)

Monochromatic Variations

#D3EBF3, #83C6DD, #205F74, #0A1D24

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#36A1C4

#36C47D

#3636C4

#C45936

#C4A136

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

Triadic + Accent

#36A1C4

#C436A1

#A1C436

#9983DD

#207435

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

Monochromatic + Split Complementary

#36A1C4

#97D0E2

#1A4F60

#C43659

#C4A136

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

#36A1C4

RGB Values

54, 161, 196

HSL Values

195°, 57%, 49%