color #229DB2 | Chroma Seek

#229DB2

Color Information

Hex Code

#229DB2

RGB

34, 157, 178

HSL

189°, 68%, 42%

CSS

#229DB2

Color Tints

Lighter variations of #229DB2

#229DB2

#38A7BA

10%

#4EB1C1

20%

#64BAC9

30%

#7AC4D1

40%

#91CED9

50%

#A7D8E0

60%

#BDE2E8

70%

#D3EBF0

80%

#E9F5F7

90%

#FFFFFF

100%

Color Shades

Darker variations of #229DB2

#229DB2

#1F8DA0

10%

#1B7E8E

20%

#186E7D

30%

#145E6B

40%

#114F59

50%

#0E3F47

60%

#0A2F35

70%

#071F24

80%

#031012

90%

#000000

100%

Related Colors

Complementary Color

#B43822

Opposite on color wheel

Split-Complementary Colors

#B42255, #B48122

Adjacent to complementary color

Analogous Colors

#22B481, #2255B4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#B4229E, #9EB422

Three colors equally spaced (120° apart)

Tetradic Colors

#3822B4, #B43822, #9EB422

Rectangle on color wheel (90° apart)

Square Colors

#8122B4, #B43822, #55B422

Four colors equally spaced (90° apart)

Monochromatic Variations

#B2E7F0, #5CCCE0, #12535E, #020809

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #229DB2. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#229DB2

#22B45D

#2231B4

#B43822

#B48122

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

Triadic + Accent

#229DB2

#B4229E

#9EB422

#705CE0

#125E1D

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

Monochromatic + Split Complementary

#229DB2

#72D3E4

#0E4049

#B42255

#B48122

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

#229DB2

RGB Values

34, 157, 178

HSL Values

189°, 68%, 42%