color #36ADF2 | Chroma Seek

#36ADF2

Color Information

Hex Code

#36ADF2

RGB

54, 173, 242

HSL

202°, 88%, 58%

CSS

#36ADF2

Color Tints

Lighter variations of #36ADF2

#36ADF2

#4AB5F3

10%

#5EBDF5

20%

#72C6F6

30%

#86CEF7

40%

#9BD6F9

50%

#AFDEFA

60%

#C3E6FB

70%

#D7EFFC

80%

#EBF7FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #36ADF2

#36ADF2

#319CDA

10%

#2B8AC2

20%

#2679A9

30%

#206891

40%

#1B5779

50%

#164561

60%

#103449

70%

#0B2330

80%

#051118

90%

#000000

100%

Related Colors

Complementary Color

#F27B36

Opposite on color wheel

Split-Complementary Colors

#F2364F, #F2D936

Adjacent to complementary color

Analogous Colors

#36F2D9, #364FF2

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F236AD, #ADF236

Three colors equally spaced (120° apart)

Tetradic Colors

#7B36F2, #F27B36, #ADF236

Rectangle on color wheel (90° apart)

Square Colors

#D936F2, #F27B36, #4FF236

Four colors equally spaced (90° apart)

Monochromatic Variations

#F5FBFE, #96D4F8, #0C78B6, #063956

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#36ADF2

#36F2AA

#4C36F2

#F27B36

#F2D936

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

Triadic + Accent

#36ADF2

#F236AD

#ADF236

#BA96F8

#0CB64A

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

Monochromatic + Split Complementary

#36ADF2

#AEDEFA

#0A689E

#F2364F

#F2D936

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

#36ADF2

RGB Values

54, 173, 242

HSL Values

202°, 88%, 58%