color #228CE4 | Chroma Seek

#228CE4

Color Information

Hex Code

#228CE4

RGB

34, 140, 228

HSL

207°, 78%, 51%

CSS

#228CE4

Color Tints

Lighter variations of #228CE4

#228CE4

#3898E7

10%

#4EA3E9

20%

#64AFEC

30%

#7ABAEF

40%

#91C6F2

50%

#A7D1F4

60%

#BDDDF7

70%

#D3E8FA

80%

#E9F4FC

90%

#FFFFFF

100%

Color Shades

Darker variations of #228CE4

#228CE4

#1F7ECD

10%

#1B70B6

20%

#1862A0

30%

#145489

40%

#114672

50%

#0E385B

60%

#0A2A44

70%

#071C2E

80%

#030E17

90%

#000000

100%

Color Tones

Toned variations of #228CE4 (mixed with gray)

#228CE4

#2B8BDA

10%

#358AD0

20%

#3E88C6

30%

#4887BC

40%

#5186B2

50%

#5A85A8

60%

#64849E

70%

#6D8294

80%

#77818A

90%

#808080

100%

Related Colors

Complementary Color

#E47821

Opposite on color wheel

Split-Complementary Colors

#E4212A, #E4DA21

Adjacent to complementary color

Analogous Colors

#21E4DA, #212AE4

Adjacent colors on color wheel (30° apart)

Triadic Colors

#E4218C, #8CE421

Three colors equally spaced (120° apart)

Tetradic Colors

#7821E4, #E47821, #8CE421

Rectangle on color wheel (90° apart)

Square Colors

#DA21E4, #E47821, #2AE421

Four colors equally spaced (90° apart)

Monochromatic Variations

#D6EAFA, #7BBBEF, #11558D, #061E32

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #228CE4. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#228CE4

#21E4A9

#4821E4

#E47821

#E4DA21

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

Triadic + Accent

#228CE4

#E4218C

#8CE421

#AF7BEF

#118D49

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

Monochromatic + Split Complementary

#228CE4

#92C7F2

#0F4776

#E4212A

#E4DA21

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

#228CE4

RGB Values

34, 140, 228

HSL Values

207°, 78%, 51%