color #2285B4 | Chroma Seek

#2285B4

Color Information

Hex Code

#2285B4

RGB

34, 133, 180

HSL

199°, 68%, 42%

CSS

#2285B4

Color Tints

Lighter variations of #2285B4

#2285B4

#3891BC

10%

#4E9DC3

20%

#64AACB

30%

#7AB6D2

40%

#91C2DA

50%

#A7CEE1

60%

#BDDAE9

70%

#D3E7F0

80%

#E9F3F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #2285B4

#2285B4

#1F78A2

10%

#1B6A90

20%

#185D7E

30%

#14506C

40%

#11435A

50%

#0E3548

60%

#0A2836

70%

#071B24

80%

#030D12

90%

#000000

100%

Related Colors

Complementary Color

#B45022

Opposite on color wheel

Split-Complementary Colors

#B4223D, #B49922

Adjacent to complementary color

Analogous Colors

#22B499, #223DB4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B42286, #86B422

Three colors equally spaced (120° apart)

Tetradic Colors

#5022B4, #B45022, #86B422

Rectangle on color wheel (90° apart)

Square Colors

#9922B4, #B45022, #3DB422

Four colors equally spaced (90° apart)

Monochromatic Variations

#B2DDF0, #5CB6E0, #12465E, #020609

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #2285B4. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#2285B4

#22B475

#2C22B4

#B45022

#B49922

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

Triadic + Accent

#2285B4

#B42286

#86B422

#865CE0

#125E2A

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

Monochromatic + Split Complementary

#2285B4

#72C0E4

#0E3649

#B4223D

#B49922

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

#2285B4

RGB Values

34, 133, 180

HSL Values

199°, 68%, 42%