color #168BCB | Chroma Seek

#168BCB

Color Information

Hex Code

#168BCB

RGB

22, 139, 203

HSL

201°, 80%, 44%

CSS

#168BCB

Color Tints

Lighter variations of #168BCB

#168BCB

#2D97D0

10%

#45A2D5

20%

#5CAEDB

30%

#73B9E0

40%

#8BC5E5

50%

#A2D1EA

60%

#B9DCEF

70%

#D0E8F5

80%

#E8F3FA

90%

#FFFFFF

100%

Color Shades

Darker variations of #168BCB

#168BCB

#147DB7

10%

#126FA2

20%

#0F618E

30%

#0D537A

40%

#0B4666

50%

#093851

60%

#072A3D

70%

#041C29

80%

#020E14

90%

#000000

100%

Related Colors

Complementary Color

#CA5516

Opposite on color wheel

Split-Complementary Colors

#CA1631, #CAAF16

Adjacent to complementary color

Analogous Colors

#16CAAF, #1631CA

Adjacent colors on color wheel (30° apart)

Triadic Colors

#CA168B, #8BCA16

Three colors equally spaced (120° apart)

Tetradic Colors

#5516CA, #CA5516, #8BCA16

Rectangle on color wheel (90° apart)

Square Colors

#AF16CA, #CA5516, #31CA16

Four colors equally spaced (90° apart)

Monochromatic Variations

#B6E0F7, #5AB9ED, #0C4C6E, #020D12

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #168BCB. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#168BCB

#16CA82

#2816CA

#CA5516

#CAAF16

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

Triadic + Accent

#168BCB

#CA168B

#8BCA16

#8D5AED

#0C6E2F

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

Monochromatic + Split Complementary

#168BCB

#71C3EF

#0A3C57

#CA1631

#CAAF16

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

#168BCB

RGB Values

22, 139, 203

HSL Values

201°, 80%, 44%