color #166FF3 | Chroma Seek

#166FF3

Color Information

Hex Code

#166FF3

RGB

22, 111, 243

HSL

216°, 90%, 52%

CSS

#166FF3

Color Tints

Lighter variations of #166FF3

#166FF3

#2D7DF4

10%

#458CF5

20%

#5C9AF7

30%

#73A9F8

40%

#8BB7F9

50%

#A2C5FA

60%

#B9D4FB

70%

#D0E2FD

80%

#E8F1FE

90%

#FFFFFF

100%

Color Shades

Darker variations of #166FF3

#166FF3

#1464DB

10%

#1259C2

20%

#0F4EAA

30%

#0D4392

40%

#0B387A

50%

#092C61

60%

#072149

70%

#041631

80%

#020B18

90%

#000000

100%

Related Colors

Complementary Color

#F39B16

Opposite on color wheel

Split-Complementary Colors

#F32C16, #DDF316

Adjacent to complementary color

Analogous Colors

#16DDF3, #2C16F3

Adjacent colors on color wheel (30° apart)

Triadic Colors

#F3166F, #6FF316

Three colors equally spaced (120° apart)

Tetradic Colors

#9B16F3, #F39B16, #6FF316

Rectangle on color wheel (90° apart)

Square Colors

#F316DD, #F39B16, #16F32C

Four colors equally spaced (90° apart)

Monochromatic Variations

#D8E7FD, #77ABF8, #08439B, #03193A

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #166FF3. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#166FF3

#16F3D2

#6416F3

#F39B16

#DDF316

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

Triadic + Accent

#166FF3

#F3166F

#6FF316

#C477F8

#089B60

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

Monochromatic + Split Complementary

#166FF3

#90BAF9

#073883

#F32C16

#DDF316

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

#166FF3

RGB Values

22, 111, 243

HSL Values

216°, 90%, 52%