color #168FBB | Chroma Seek

#168FBB

Color Information

Hex Code

#168FBB

RGB

22, 143, 187

HSL

196°, 79%, 41%

CSS

#168FBB

Color Tints

Lighter variations of #168FBB

#168FBB

#2D9AC2

10%

#45A5C9

20%

#5CB1CF

30%

#73BCD6

40%

#8BC7DD

50%

#A2D2E4

60%

#B9DDEB

70%

#D0E9F1

80%

#E8F4F8

90%

#FFFFFF

100%

Color Shades

Darker variations of #168FBB

#168FBB

#1481A8

10%

#127296

20%

#0F6483

30%

#0D5670

40%

#0B485E

50%

#09394B

60%

#072B38

70%

#041D25

80%

#020E13

90%

#000000

100%

Related Colors

Complementary Color

#BB4216

Opposite on color wheel

Split-Complementary Colors

#BB163C, #BB9516

Adjacent to complementary color

Analogous Colors

#16BB95, #163CBB

Adjacent colors on color wheel (30° apart)

Triadic Colors

#BB168F, #8FBB16

Three colors equally spaced (120° apart)

Tetradic Colors

#4216BB, #BB4216, #8FBB16

Rectangle on color wheel (90° apart)

Square Colors

#9516BB, #BB4216, #3CBB16

Four colors equally spaced (90° apart)

Monochromatic Variations

#A8E0F5, #4DC0EA, #0B4960, #010305

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#168FBB

#16BB6B

#1916BB

#BB4216

#BB9516

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

Triadic + Accent

#168FBB

#BB168F

#8FBB16

#774DEA

#0B6022

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

Monochromatic + Split Complementary

#168FBB

#64C8ED

#093849

#BB163C

#BB9516

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

#168FBB

RGB Values

22, 143, 187

HSL Values

196°, 79%, 41%