color #338BFF | Chroma Seek

#338BFF

Color Information

Hex Code

#338BFF

RGB

51, 139, 255

HSL

214°, 100%, 60%

CSS

#338BFF

Color Tints

Lighter variations of #338BFF

#338BFF

#4797FF

10%

#5CA2FF

20%

#70AEFF

30%

#85B9FF

40%

#99C5FF

50%

#ADD1FF

60%

#C2DCFF

70%

#D6E8FF

80%

#EBF3FF

90%

#FFFFFF

100%

Color Shades

Darker variations of #338BFF

#338BFF

#2E7DE6

10%

#296FCC

20%

#2461B3

30%

#1F5399

40%

#1A4680

50%

#143866

60%

#0F2A4D

70%

#0A1C33

80%

#050E1A

90%

#000000

100%

Related Colors

Complementary Color

#FFA733

Opposite on color wheel

Split-Complementary Colors

#FF4133, #F1FF33

Adjacent to complementary color

Analogous Colors

#33F1FF, #4133FF

Adjacent colors on color wheel (30° apart)

Triadic Colors

#FF338B, #8BFF33

Three colors equally spaced (120° apart)

Tetradic Colors

#A733FF, #FFA733, #8BFF33

Rectangle on color wheel (90° apart)

Square Colors

#FF33F1, #FFA733, #33FF41

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #99C5FF, #0058CC, #002C66

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #338BFF. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#338BFF

#33FFDA

#7433FF

#FFA733

#F1FF33

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

Triadic + Accent

#338BFF

#FF338B

#8BFF33

#D399FF

#00CC74

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

Monochromatic + Split Complementary

#338BFF

#B3D4FF

#004DB3

#FF4133

#F1FF33

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

#338BFF

RGB Values

51, 139, 255

HSL Values

214°, 100%, 60%