color #33AAF0 | Chroma Seek

#33AAF0

Color Information

Hex Code

#33AAF0

RGB

51, 170, 240

HSL

202°, 86%, 57%

CSS

#33AAF0

Color Tints

Lighter variations of #33AAF0

#33AAF0

#47B3F2

10%

#5CBBF3

20%

#70C4F5

30%

#85CCF6

40%

#99D5F8

50%

#ADDDF9

60%

#C2E6FB

70%

#D6EEFC

80%

#EBF7FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #33AAF0

#33AAF0

#2E99D8

10%

#2988C0

20%

#2477A8

30%

#1F6690

40%

#1A5578

50%

#144460

60%

#0F3348

70%

#0A2230

80%

#051118

90%

#000000

100%

Related Colors

Complementary Color

#F07833

Opposite on color wheel

Split-Complementary Colors

#F0334C, #F0D733

Adjacent to complementary color

Analogous Colors

#33F0D7, #334CF0

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F033AA, #AAF033

Three colors equally spaced (120° apart)

Tetradic Colors

#7833F0, #F07833, #AAF033

Rectangle on color wheel (90° apart)

Square Colors

#D733F0, #F07833, #4CF033

Four colors equally spaced (90° apart)

Monochromatic Variations

#F1F9FE, #92D2F7, #0D74AF, #063551

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #33AAF0. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#33AAF0

#33F0A7

#4933F0

#F07833

#F0D733

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

Triadic + Accent

#33AAF0

#F033AA

#AAF033

#B792F7

#0DAF49

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

Monochromatic + Split Complementary

#33AAF0

#AADCF9

#0B6498

#F0334C

#F0D733

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

#33AAF0

RGB Values

51, 170, 240

HSL Values

202°, 86%, 57%