color #229DFC | Chroma Seek

#229DFC

Color Information

Hex Code

#229DFC

RGB

34, 157, 252

HSL

206°, 97%, 56%

CSS

#229DFC

Color Tints

Lighter variations of #229DFC

#229DFC

#38A7FC

10%

#4EB1FD

20%

#64BAFD

30%

#7AC4FD

40%

#91CEFE

50%

#A7D8FE

60%

#BDE2FE

70%

#D3EBFE

80%

#E9F5FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #229DFC

#229DFC

#1F8DE3

10%

#1B7ECA

20%

#186EB0

30%

#145E97

40%

#114F7E

50%

#0E3F65

60%

#0A2F4C

70%

#071F32

80%

#031019

90%

#000000

100%

Related Colors

Complementary Color

#FC8022

Opposite on color wheel

Split-Complementary Colors

#FC2230, #FCED22

Adjacent to complementary color

Analogous Colors

#22FCED, #2230FC

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FC229D, #9DFC22

Three colors equally spaced (120° apart)

Tetradic Colors

#8022FC, #FC8022, #9DFC22

Rectangle on color wheel (90° apart)

Square Colors

#ED22FC, #FC8022, #30FC22

Four colors equally spaced (90° apart)

Monochromatic Variations

#EBF6FF, #86CAFD, #0368B5, #012E50

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#229DFC

#22FCB7

#4A22FC

#FC8022

#FCED22

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

Triadic + Accent

#229DFC

#FC229D

#9DFC22

#BA86FD

#03B550

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

Monochromatic + Split Complementary

#229DFC

#A0D5FE

#02599C

#FC2230

#FCED22

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

#229DFC

RGB Values

34, 157, 252

HSL Values

206°, 97%, 56%