color #227CDC | Chroma Seek

#227CDC

Color Information

Hex Code

#227CDC

RGB

34, 124, 220

HSL

211°, 73%, 50%

CSS

#227CDC

Color Tints

Lighter variations of #227CDC

#227CDC

#3889E0

10%

#4E96E3

20%

#64A3E7

30%

#7AB0EA

40%

#91BEEE

50%

#A7CBF1

60%

#BDD8F5

70%

#D3E5F8

80%

#E9F2FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #227CDC

#227CDC

#1F70C6

10%

#1B63B0

20%

#18579A

30%

#144A84

40%

#113E6E

50%

#0E3258

60%

#0A2542

70%

#07192C

80%

#030C16

90%

#000000

100%

Related Colors

Complementary Color

#DD8322

Opposite on color wheel

Split-Complementary Colors

#DD2622, #D9DD22

Adjacent to complementary color

Analogous Colors

#22D9DD, #2622DD

Adjacent colors on color wheel (30° apart)

Triadic Colors

#DD227C, #7CDD22

Three colors equally spaced (120° apart)

Tetradic Colors

#8322DD, #DD8322, #7CDD22

Rectangle on color wheel (90° apart)

Square Colors

#DD22D9, #DD8322, #22DD26

Four colors equally spaced (90° apart)

Monochromatic Variations

#D3E5F8, #7BB1EA, #154B84, #07192C

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #227CDC. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#227CDC

#22DDB1

#5422DD

#DD8322

#D9DD22

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

Triadic + Accent

#227CDC

#DD227C

#7CDD22

#B47BEA

#15844E

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

Monochromatic + Split Complementary

#227CDC

#91BEEE

#113E6E

#DD2622

#D9DD22

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

#227CDC

RGB Values

34, 124, 220

HSL Values

211°, 73%, 50%